/********************* GENERAL RESET & SETUP *********************/ /*** Import fonts @import url(../image/css); ***/ /*** Reset and overrides ***/ /* general body settings */ /*td,tdDisplayToLong { white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }*/ body { color: #000; font-family:"微软雅黑","Arial"; padding: 0px !important; margin: 0px !important; font-size:13px; direction: ltr; } select,.dropdown-menu { color: #000; font-size:12px; font-family:"微软雅黑","Arial"!important; margin-top:0px!important; } audio, canvas, video { display: inline-block; /*width: 100%;*/ } .dropdown-menu { font-size:14px;} em {font-style:normal!important;} .loginbody{ background:none; background-color:#F5F5F5;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;} input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]{border:1px solid #d2d2d2!important;} /*** General typography ***/ h3 small, h4 small, h5 small { color: #444; } h1, h2, h3, h4, h5, h6 { font-weight: 300; } h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { padding-bottom: 10px; } a { text-shadow: none !important; color: #0d638f; } dl,dt,dd,ol{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline} ul { list-style: none; margin: 0px; padding: 0px; } .clear { clear: both; } input::-webkit-input-placeholder { color: #D3D3D3; } input:-moz-placeholder { color: #D3D3D3; } input::-moz-placeholder { color: #D3D3D3; } input:-ms-input-placeholder { color: #D3D3D3; } /** * * tab 固定表头 */ table.tab-fixed{ min-height: 0px; position: relative; } table.tab-fixed thead{ background: #FFFFFF; } table.tab-h220{ max-height: 220px; } table.tab-h300{ max-height: 300px; } table.tab-h350{ max-height: 350px; } table.tab-h400{ max-height: 400px; } table.tab-h450{ max-height: 450px; } table .tright { text-align: right !important; } /*.tab-invoice-div{ height: 220px; overflow: auto; } table.tab-invoice{ min-height: 0px; max-height: 220px; position: relative; } table.tab-invoice thead{ background: #FFFFFF; }*/ /* * 弹出窗高度定义 */ .scrollH220{ min-height: 0px; max-height: 220px; overflow: auto; } .scrollH300{ min-height: 0px; max-height: 300px; overflow: auto; } .scrollH350{ min-height: 0px; max-height: 350px; overflow: auto; } .scrollH400{ min-height: 0px; max-height: 400px; overflow: auto; } .scrollH450{ min-height: 0px; max-height: 450px; overflow: auto; } .scrollH500{ min-height: 0px; max-height: 500px; overflow: auto; } .scrollH580{ min-height: 0px; max-height: 580px; overflow: auto; } /*** General backgrounds ***/ .bg-blue { background-image: none !important; background-color: #4b8df8 !important; } .bg-red { background-image: none !important; background-color: #e02222 !important; } .bg-yellow { background-image: none !important; background-color: #ffb848 !important; } .bg-green { background-image: none !important; background-color: #35aa47 !important; } .bg-purple { background-image: none !important; background-color: #852b99 !important; } .bg-grey { background-image: none !important; background-color: #555555 !important; } /*** Apply fix for font awesome icons. ***/ [class^="icon-"], [class*=" icon-"], [class^="icon-"]:hover, [class*=" icon-"]:hover { background: none !important; } /*** Make font awesome icons fixed width(latest version issue) ***/ li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } /*** Close icon used for modal dialog and other UI element close buttons ***/ .close { display: inline-block; margin-top: 0px; margin-right: 0px; width: 9px; height: 9px; background-repeat: no-repeat !important; background-image: url("../image/remove-icon-small.png") !important; } /*** ie8 & ie9 modes ***/ .visible-ie8 { display: none; } .ie8 .visible-ie8 { display: inherit !important; } .visible-ie9 { display: none; } .ie9 .visible-ie9 { display: inherit !important; } .hidden-ie8 { display: inherit; } .ie8 .hidden-ie8 { display: none !important; } .hidden-ie9 { display: inherit; } .ie9 .hidden-ie9 { display: none !important; } /*** Fix link outlines after click ***/ a,a:focus, a:hover, a:active { outline: 0; } /*** IE8 fix for form input height in fluid rows ***/ .ie8 .row-fluid [class*="span"] { min-height: 20px !important; } /*** Fix grid offset used for reponsive layout handling(refer app.js=>handleResponsive) ***/ .fix-offset { margin-left: 0px !important; } /*** Misc tools ***/ .visible-ie8 { display: none } .no-padding { padding: 0px !important; } .no-margin { margin: 0px !important; } .no-bottom-space { padding-bottom:0px !important; margin-bottom: 0px !important; } .no-top-space { padding-top:0px !important; margin-top: 0px !important; } .space5 { display: block; height: 5px !important; clear: both; } .space7 { height: 7px !important; clear: both; } .space10 { height: 10px !important; clear: both; } .space12 { height: 12px !important; clear: both; } .space15 { height: 15px !important; clear: both; } .space20 { height: 20px !important; clear: both; } .no-space { margin: 0px !important; padding: 0px !important; } .no-text-shadow { text-shadow: none !important; } .no-left-padding { padding-left: 0 !important; } .no-left-margin { margin-left: 0 !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .hide { display: none; } .bold { font-weight:600 !important; } .fix-margin { margin-left: 0px !important } .border { border: 1px solid #ddd } .inline { display: inline; } hr { margin: 20px 0; border: 0; border-top: 1px solid #E0DFDF; border-bottom: 1px solid #FEFEFE; } /* 自定义-public */ span.height30 { display:inline-block; width:auto; padding-top:1px; height:30px; line-height:30px; float:left; margin-right: 5px; } em.required {color:red;} /******************** GENERAL LAYOUT *********************/ /*** Header and header elements. ***/ .border { border: 1px solid red; } .header { padding: 0 !important; margin: 0 !important; } .header.navbar-fixed-top { z-index: 1010 !important; position:fixed; } .header .brand { display: inline-block; width: 250px; padding:0px; height:60px; } .header .brand img { margin: 0;margin-left: 20px; margin-top:15px; } .header .btn-navbar { margin-bottom: 0px; padding-right: 0px; padding-top:10px; padding-bottom: 6px; background-image: none; filter:none; box-shadow: none; color: #fff; border: 0; } .header .btn-navbar:hover { text-decoration: none; } .header .navbar-inner { width: 100%; border: 0px; padding: 0px; box-shadow: none; height: 60px; } .header .nav { display: block; } .header .nav > li { margin: 0px; padding: 0px; } .header .nav > li.dropdown, .header .nav > li.dropdown > a { padding-left: 4px; padding-right: 4px; } .header .nav > li.dropdown > a:last-child { padding-right: 0; } .header .nav > li.dropdown:last-child { padding-right: 2px; } .header .nav > li.dropdown .dropdown-toggle { margin: 0px; padding: 15px 10px 7px 10px; } .header .nav > li.dropdown .dropdown-toggle i { font-size: 18px; } .header .nav > li.dropdown.user .dropdown-toggle { padding: 8px 4px 7px 9px; } .header .nav > li.dropdown.user .dropdown-toggle:hover { text-decoration: none; } .header .nav > li.dropdown.user .dropdown-toggle .username { color: #ddd; } .header .nav li.dropdown.user .dropdown-toggle i { display: inline-block; margin-top: 5px; margin: 0; font-size: 16px; } .header .nav > li.dropdown.user .dropdown-menu i { width: 15px; display: inline-block; } .header .nav > li.dropdown .dropdown-toggle .badge { position: absolute; font-size: 11px !important; font-weight: 300; top: 8px; right: 24px; text-align: center; height: 14px; background-color: #e02222; padding: 2px 6px 2px 6px; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; text-shadow:none !important; } /* firefox hack for top bar badges */ @-moz-document url-prefix() { .header .nav li.dropdown .dropdown-toggle .badge { padding: 1px 6px 3px 6px; } } .header .nav .dropdown-menu { margin-top:0px; } /*** Page container ***/ .page-container { margin: 0px; padding: 0px; } .page-header-fixed .page-container { margin-top: 42px; } /*** Page sidebar ***/ /* ie8 fixes */ .ie8 .page-sidebar { position: absolute; width: 250px; } ul.page-sidebar-menu { list-style: none; margin: 0; padding: 0; margin: 0; padding: 0; } ul.page-sidebar-menu > li { display: block; margin: 0; padding: 0; border: 0px; } ul.page-sidebar-menu > li.start > a { border-top-color: transparent !important; } ul.page-sidebar-menu > li:last-child > a, ul.page-sidebar-menu > li.last > a { border-bottom-color: transparent !important; } ul.page-sidebar-menu > li > a { display: block; position: relative; margin: 0; border: 0px; padding: 10px 15px; text-decoration: none; font-size: 14px; font-weight: 300; } .page-sidebar-fixed ul.page-sidebar-menu > li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.page-sidebar-menu > li > a i { font-size: 16px; margin-right: 5px; text-shadow:none; } ul.page-sidebar-menu > li.break { margin-bottom: 20px; } ul.page-sidebar-menu > li.active > a { border: none; text-shadow:none; } ul.page-sidebar-menu > li.active > a .selected { display: block; width: 8px; height: 25px; background-image: url("../image/sidebar-menu-arrow.png"); float: right; position: absolute; right:0px; top:8px; } .page-sidebar ul > li > a > .arrow:before { float: right; margin-top: 1px; margin-right: 5px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow:none; } ul.page-sidebar-menu > li > a > .arrow.open:before { float: right; margin-top: 1px; margin-right: 3px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow:none; } ul.page-sidebar-menu > li > ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 8px 0px; } ul.page-sidebar-menu > li.active > ul.sub-menu { display: block; } ul.page-sidebar-menu > li > ul.sub-menu > li { background: none; margin: 0px; padding: 0px; margin-top: 1px !important; } ul.page-sidebar-menu > li > ul.sub-menu > li > a { display: block; margin: 0px 0px 0px 0px; padding: 5px 0px; padding-left: 44px !important; text-decoration: none; font-size: 14px; font-weight: 300; background: none; } /* 3rd level sub menu */ ul.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu { display: none; list-style: none; clear: both; margin: 0px 0px 0px 0px; } ul.page-sidebar-menu > li > ul.sub-menu li > a > .arrow:before { float: right; margin-top: 1px; margin-right: 20px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow:none; } ul.page-sidebar-menu > li > ul.sub-menu li > a > .arrow.open:before { float: right; margin-top: 1px; margin-right: 18px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow:none; } ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu { display: block; } ul.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu li { background: none; margin: 0px; padding: 0px; margin-top: 1px !important; } ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a { display: block; margin: 0px 0px 0px 0px; padding: 5px 0px; text-decoration: none; font-size: 14px; font-weight: 300; background: none; } ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { padding-left: 60px; } ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { padding-left: 80px; } ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu { display: block; } ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a > i { font-size: 13px; } /* sidebar search */ .page-sidebar .sidebar-search { margin: 8px 20px 20px 20px; } .page-sidebar .sidebar-search .submit { display: block; float: right; margin-top: 8px; width: 13px; height: 13px; background-image: url(../image/search-icon.png); background-repeat: no-repeat; } .page-sidebar .sidebar-search input { margin: 0px; width: 165px; border: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; font-size: 14px ; box-shadow: none; } .page-sidebar .sidebar-search .input-box { padding-bottom: 2px; } /*** Sidebar toggler(show/hide) ***/ .page-sidebar .sidebar-toggler { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); margin-top: 15px; margin-left: 175px; width: 29px; height: 29px; background-repeat: no-repeat; } .sidebar-toggler:hover { filter: alpha(opacity=100); opacity: 1; } .page-sidebar-closed .sidebar-toggler { margin-left: 3px; } .page-sidebar-closed .page-sidebar .sidebar-search { height: 34px; width: 29px; margin-left: 3px; margin-bottom: 15px !important; } .page-sidebar-closed .page-sidebar .sidebar-search input { display: none; } .page-sidebar-closed .page-sidebar .sidebar-search .submit { margin: 11px 7px !important; display: block !important; } .page-sidebar-closed .page-sidebar .sidebar-search .input-box { border-bottom: 0 !important; } .page-sidebar-closed .page-sidebar .sidebar-search.open { height: 34px; width: 255px; overflow: hidden; } .page-sidebar-closed .page-sidebar .sidebar-search.open input { margin-top: 3px; padding-left: 10px; padding-bottom: 2px; width: 180px; display: inline-block !important; } .page-sidebar-closed .page-sidebar .sidebar-search.open .submit { display: inline-block; width: 13px; height: 13px; margin: 10px 8px 9px 6px !important; } .page-sidebar-closed .page-sidebar .sidebar-search.open .remove { background-repeat: no-repeat; width: 11px; height: 11px; margin: 11px 6px 7px 8px !important; display: inline-block !important; float: left !important; } .page-sidebar-closed ul.page-sidebar-menu > li > a .selected { right: -3px !important; } .page-sidebar-closed ul.page-sidebar-menu > li > a > .title, .page-sidebar-closed ul.page-sidebar-menu > li > a > .arrow { display: none !important; } .page-sidebar-closed .sidebar-toggler { margin-right: 3px; } .page-sidebar-closed .page-sidebar .sidebar-search { margin-top: 6px; margin-bottom: 6px; } .page-sidebar-closed ul.page-sidebar-menu { width: 35px !important; } .page-sidebar-closed ul.page-sidebar-menu > li > a { padding-left: 7px; } .page-sidebar-fixed.page-sidebar-closed ul.page-sidebar-menu > li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .page-sidebar-closed ul.page-sidebar-menu > li:hover { width: 250px !important; position: relative !important; z-index: 2000; display: block !important; } .page-sidebar-closed ul.page-sidebar-menu > li:hover .selected { display: none; } .page-sidebar-closed ul.page-sidebar-menu > li:hover > a > i { margin-right: 10px; } .page-sidebar-closed ul.page-sidebar-menu > li:hover .title { display: inline !important; } .page-sidebar-closed ul.page-sidebar-menu > li > .sub-menu { display: none !important; } .page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu { width: 189px; position: absolute; z-index: 2000; left: 36px; margin-top: 0; top: 100%; display: block !important; } .page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu, .page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu { width: 189px; } /* 2rd level sub menu*/ .page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > a { padding-left: 15px !important; } /* 3rd level sub menu*/ .page-sidebar-closed ul.page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a { padding-left: 30px !important; } /* 4rd level sub menu*/ .page-sidebar-closed ul.page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 45px !important; } /* sidebar container */ .page-sidebar-closed .page-sidebar { width: 65px; } .page-sidebar-closed .page-content { margin-left: 65px !important; overflow: auto; } /*** Page content ***/ .page-content { margin-top: 0px; padding: 0px; background-color: #fff; position: relative; } .ie8 .page-content { margin-left: 250px; margin-top: 0px; min-height: 760px; } .ie8 .page-sidebar-fixed .page-content { min-height: 600px; } .ie8 .page-content.no-min-height { min-height: auto; } .page-full-width .page-content { margin-left: 0px !important; } /*** Page title ***/ .page-title { padding: 0px; font-size: 30px; letter-spacing: -1px; display: block; color: #666; margin: 20px 0px 15px 0px; font-weight: 300; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial; } .page-title small { font-size: 14px; letter-spacing: 0px; font-weight: 300; color: #888; } /*** Page breadcrumb ***/ .page-content .breadcrumb { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; padding-right: 0px; padding-left: 8px; margin-bottom: 15px; margin-top: 30px; border:0px !important; background-color: #eee; } .page-content .breadcrumb a, .page-content .breadcrumb i, .page-content .breadcrumb span { color: #333; font-size: 14px; text-shadow:none; } .page-content .breadcrumb i { color: #666; } /*** Dashboard date range panel ***/ .page-content .breadcrumb .dashboard-date-range { display: none; padding-top: -1px; margin-right: 0px; margin-top: -8px; padding: 8px; padding-bottom: 7px; cursor: pointer; color: #fff; background-color: #e02222; } .page-content .breadcrumb .dashboard-date-range span { font-size: 12px; font-weight: 300; color: #fff; text-transform: uppercase; } .page-content .breadcrumb .dashboard-date-range .icon-calendar { text-transform: normal; color: #fff; margin-top: 0px; font-size: 14px; } .page-content .breadcrumb .dashboard-date-range span { font-weight: normal; } .page-content .breadcrumb .dashboard-date-range .icon-angle-down { color:#fff; font-size: 16px; } /*** Footer ***/ .footer { padding: 8px 20px 5px 20px; font-size: 12px; } .footer:after, .footer:before { content: ""; display: table; line-height: 0; } .footer:after { clear: both; } .footer .footer-inner { float: left; display: inline-block; } .footer .footer-tools { float: right; display: inline-block; } .footer .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; } .footer .footer-tools .go-top i { font-size: 22px; margin-bottom: 5px; } /* begin: fixed footer */ .page-footer-fixed .footer { position: fixed; left: 0; right: 0; z-index: 10000; bottom: 0; } .page-footer-fixed .page-container { margin-bottom: 33px; } .page-footer-fixed.page-sidebar-fixed .footer { margin-left: 0 !important; } /* end: fixed footer */ /******************** GENERAL UI ELEMENTS *********************/ /*** Icon stuff ***/ i.icon, a.icon { color: #999; margin-right: 5px; font-weight: normal; font-size: 13px; } i.icon-black { color: #000 !important; } a.icon:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: .4; filter:alpha(opacity=40); } a.icon.huge i{ font-size: 16px !important; } i.big { font-size: 20px; } i.warning { color: #d12610; } i.critical { color: #37b7f3; } i.normal { color: #52e136; } /*** Custom wells ***/ .well { background-color: #fafafa; border: 1px solid #eee; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .well.mini { padding: 7px !important; } /*** Form stuff ***/ .form-section { margin: 15px 0px 20px 0px !important; padding-bottom: 5px; border-bottom: 1px solid #eee; } .form form { margin: 0px !important; padding: 0px !important; } .no-bottom-space { padding-bottom: 0px !important; margin-bottom: 0px !important; } .form .form-actions{ margin-top: 0px !important; margin-top: 40px; padding-left: 190px; } .portlet.box .form .form-actions, .portlet.solid .form .form-actions { margin-left:-10px !important; margin-right:-10px !important; margin-bottom: -10px !important; } /*** Bordered form layout ***/ /*** Input icons ***/ /* input with right aligned and colored icons */ .input-icon input { padding-right: 25px !important; } .input-icon .input-info, .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success { display: inline-block !important; position: relative !important; top: 7px; right: 25px !important; font-size: 16px; } .input-icon .input-info { color:#27a9e3; } .input-icon .input-error { color:#B94A48; } .input-icon .input-warning { color: #C09853; } .input-icon .input-success { color: #468847; } /* input with left aligned icons */ .input-icon.left i { color: #ccc; display: block !important; position: absolute !important; z-index: 1; margin: 9px 2px 4px 10px; width: 16px; height: 16px; font-size: 16px; text-align: center; } .input-icon.left input { padding-left: 33px !important; } /*** Portlets ***/ .portlet { clear: both; margin-top: 0px; margin-bottom: 25px; padding: 0px; } .portlet-ui-dialog{ margin-bottom: 0; } .portlet-title { margin-bottom: 15px; border-bottom: 1px solid #eee; } .portlet-title:after, .portlet-title:before { content: ""; display: table; line-height: 0; } .portlet-title:after { clear: both; } .portlet-title .caption { float: left; display: inline-block; font-size: 14px; font-weight: 400; margin: 0; padding: 0; margin-bottom: 7px; } .portlet-title .caption i { float: left; margin-top: 5px; display: inline-block !important; font-size: 13px; margin-right: 5px; color: #666; } .portlet.blue > .portlet-title .caption, .portlet-title.blue .caption, .portlet.green > .portlet-title .caption, .portlet-title.green .caption, .portlet.yellow > .portlet-title .caption, .portlet-title.yellow .caption, .portlet.red > .portlet-title .caption, .portlet-title.red .caption, .portlet.purple > .portlet-title .caption, .portlet-title.purple .caption, .portlet.grey > .portlet-title .caption, .portlet-title.dark-grey .caption, { color: #fff; } .portlet.box.blue > .portlet-title .caption > i, .portlet.box.green > .portlet-title .caption > i, .portlet.box.grey > .portlet-title .caption > i, .portlet.box.yellow > .portlet-title .caption > i, .portlet.box.red > .portlet-title .caption > i, .portlet.box.purple > .portlet-title .caption > i, .portlet.box.light-grey > .portlet-title .caption > i{ color: #fff; } .sortable .portlet .portlet-title { cursor: move; } .portlet-title .tools, .portlet-title .actions { display: inline-block; padding: 0; margin: 0; margin-top: 6px; float: right; } .portlet-title .tools > a { display: inline-block; height: 16px; margin-left:5px; } .portlet-title .dropdown-menu i { color: #000 !important; } .portlet-title .tools > a.remove { background-image:url(../image/portlet-remove-icon.png); background-repeat: no-repeat; width: 11px; } .portlet-title .tools > a.config { background-image:url(../image/portlet-config-icon.png); background-repeat: no-repeat; width: 12px; } .portlet-title .tools > a.reload { background-image:url(../image/portlet-reload-icon.png); width: 13px; } .portlet-title .tools > a.expand { background-image:url(../image/portlet-expand-icon.png); width: 14px; } .portlet-title .tools > a.collapse { background-image:url(../image/portlet-collapse-icon.png); width: 14px; } .portlet-title .tools > a:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity:.6; filter:'alpha(opacity=60)'; } .portlet-title .actions > .btn-group { margin-top: -12px; } .portlet-title .actions > .btn { padding: 4px 10px; margin-top: -13px; } .portlet-title .actions > .btn-group > .btn { padding: 4px 10px; margin-top: -1px; } .portlet-title .actions > .btn.mini { margin-top: -12px; padding: 4px 10px; } .portlet-title .pagination.pagination-small { float: right !important; display: inline-block !important; margin: 0px; margin-top: -2px; } .portlet-body { clear: both; padding: 0; } .portlet-body.light-blue, .portlet.light-blue { background-color: #bfd5fa !important; } .portlet-body.blue, .portlet.blue { background-color: #4b8df8 !important; } .portlet-body.red, .portlet.red { background-color: #e02222 !important; } .portlet-body.yellow, .portlet.yellow { background-color: #ffb848 !important; } .portlet-body.green, .portlet.green { background-color: #35aa47 !important; } .portlet-body.purple, .portlet.purple { background-color: #852b99 !important; } .portlet-body.light-grey, .portlet.light-grey { background-color: #fafafa !important; } .portlet-body.dark-grey, .portlet.dark-grey { background-color: #555555 !important; } .portlet-body .btn-toolbar { margin: 0px !important; padding: 0px !important; } .portlet-body .btn-group { margin: 0px !important; padding: 0px !important; margin-bottom: 10px !important; } /* draggable girds */ .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 100% !important; } .ui-sortable-placeholder * { visibility: hidden; } .sortable-box-placeholder { background-color: #f5f5f5; border: 1px dashed #DDDDDD; display: block; /* float: left;*/ margin-top: 0px !important; margin-bottom: 24px !important; } .sortable-box-placeholder * { visibility:hidden; } .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} /*** Solid colored portlet ***/ .portlet.solid { padding: 10px; } .portlet.solid .portlet-title .tools { margin-top: 2px; border: 0px; } .portlet.solid .portlet-title { margin-bottom: 5px; border: 0px; } .portlet.solid.bordered .portlet-title { margin-bottom: 15px; } .portlet.solid.red .portlet-title, .portlet.solid.red .portlet-title i, .portlet.solid.red .portlet-body, .portlet.solid.green .portlet-title, .portlet.solid.green .portlet-title i, .portlet.solid.green .portlet-body, .portlet.solid.yellow .portlet-title, .portlet.solid.yellow .portlet-title i, .portlet.solid.yellow .portlet-body, .portlet.solid.grey .portlet-title, .portlet.solid.grey .portlet-title i, .portlet.solid.grey .portlet-body, .portlet.solid.purple .portlet-title, .portlet.solid.purple .portlet-title i, .portlet.solid.purple .portlet-body, .portlet.solid.blue .portlet-title, .portlet.solid.blue .portlet-title i, .portlet.solid.blue .portlet-body { border: 0; color: #fff; } .portlet.bordered { border-left: 2px solid #ddd; } /*** Box portlet ***/ .portlet.box { padding:0px !important } .portlet.box .portlet-title { padding:8px 10px 2px 10px; border-bottom: 1px solid #eee; color: #fff !important; } .portlet.box .portlet-title > .actions > .btn > i { color: #fff !important; } .portlet.box .portlet-title .tools { margin-top: 3px; } .portlet.box .portlet-title .tools > a.remove, .portlet.solid .portlet-title .tools > a.remove { background-image:url(../image/portlet-remove-icon-white.png); } .portlet.box .portlet-title .tools > a.config, .portlet.solid .portlet-title .tools > a.config { background-image:url(../image/portlet-config-icon-white.png); } .portlet.box .portlet-title .tools > a.reload, .portlet.solid .portlet-title .tools > a.reload { background-image:url(../image/portlet-reload-icon-white.png); } .portlet.box .portlet-title .tools > a.expand, .portlet.solid .portlet-title .tools > a.expand { background-image:url(../image/portlet-expand-icon-white.png); } .portlet.box .portlet-title .tools > a.collapse, .portlet.solid .portlet-title .tools > a.collapse { background-image:url(../image/portlet-collapse-icon-white.png); } /* portlet buttons */ .portlet.box .portlet-body { background-color: #fff; padding: 10px; } .portlet.box .portlet-body.pad_0{ padding-left: 0px; padding-right: 0px; } .portlet.box .portlet-title { margin-bottom: 0px; } .portlet.box.blue .portlet-title { background-color: #4b8df8; } .portlet.box.blue { border: 1px solid #b4cef8; border-top: 0; } .portlet.box.red .portlet-title { background-color: #e02222; } .portlet.box.red { border: 1px solid #ef8476; border-top: 0; } .portlet.box.yellow .portlet-title { background-color: #ffb848; } .portlet.box.yellow { border: 1px solid #fccb7e; border-top: 0; } .portlet.box.green .portlet-title { background-color: #35aa47; } .portlet.box.green { border: 1px solid #77e588; border-top: 0; } .portlet.box.purple .portlet-title { background-color: #852b99; } .portlet.box.purple { border: 1px solid #af5cc1; border-top: 0; } .portlet.box.grey .portlet-title { background-color: #555555; } .portlet.box.grey { border: 1px solid #9d9c9c; border-top: 0; } .portlet.box.light-grey .portlet-title { background-color: #aaa; } .portlet.box.light-grey { border: 1px solid #eee; border-top: 0; } /*** Charts and statistics ***/ .chart, .pie, .bars { overflow: hidden; height: 300px; } /*** Statistic lists ***/ .item-list.table .percent { width: 30px; float: right; margin-right: 10px; margin-top: 3px; } .item-list.table .title { padding-top: -5px; } /*** Chart tooltips ***/ .chart-tooltip { clear: both; z-index: 100; background-color: #736e6e !important; padding: 5px !important; color: #fff; } .chart-tooltip .label { clear: both; } /*** Mini chart containers ***/ .bar-chart { display: none } .line-chart { display: none } /*** Custom icon buttons ***/ .icon-btn { height: 70px; width: 50px; margin: 10px 0px 10px 0px; border: 1px solid #ddd; padding: 16px 0px 0px 0px; background-color: #fafafa !important; background-image: none !important; filter:none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; display:block !important; color: #646464 !important; text-shadow: none !important; text-align: center; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; } .ie8 .icon-btn:hover { filter: none !important; } .icon-btn:hover { text-decoration: none !important; border-color: #999 !important; color: #444 !important; text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .icon-btn:hover .badge { -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .icon-btn i { font-size: 20px !important; color: #777 !important; } .icon-btn .glyphicons { padding: 0px; } .icon-btn .glyphicons i:before { font-size: 20px !important; color: #777 !important; } .icon-btn div { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial; margin-top: 5px; margin-bottom: 20px; color: #000; font-size: 11px; font-weight: 300; } .icon-btn .badge { position: absolute; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial; font-size: 11px !important; font-weight: 300; top: -5px; right: -5px; padding: 3px 7px 3px 7px; color: white !important; text-shadow: none; border-width: 0; border-style: solid; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* for firefox only */ @-moz-document url-prefix() { .icon-btn .badge { padding: 2px 7px 4px 7px; } } /* extended dropdowns */ .dropdown-menu.extended { min-width: 160px !important; max-width: 300px !important; width: 233px !important; background-color: #ffffff !important; } .dropdown-menu.extended:before, .dropdown-menu.extended:after { border-bottom-color: #ddd !important; } .dropdown-menu.extended li a{ display: block; padding: 5px 10px !important; clear: both; font-weight: normal; line-height: 20px; white-space: normal !important; } .dropdown-menu.extended li i{ margin-right: 3px; } .dropdown-menu.extended li a{ font-size: 13px; padding: 10px !important; background-color: #ffffff; } .dropdown-menu.extended li a:hover { background-image: none; background-color: #f5f5f5; color: #000; filter:none; } .dropdown-menu.extended li p{ padding: 10px; background-color: #eee; margin: 0px; font-size: 14px; font-weight: 300; color: #000; } .dropdown-menu.extended li a{ padding: 7px 0 5px 0px; list-style: none; border-bottom: 1px solid #f4f4f4 !important; font-size: 12px; text-shadow: none; } .dropdown-menu.extended li:first-child a { border-top: none; border-bottom: 1px solid #f4f4f4 !important; } .dropdown-menu.extended li:last-child a { border-top: 1px solid white !important; border-bottom: 1px solid #f4f4f4 !important; } .dropdown-menu.extended li.external > a { font-size: 13px; font-weight: 400; } .dropdown-menu.extended li.external > a > i{ margin-top: 3px; float: right; } /* header notifications dropdowns */ .dropdown-menu.notification li > a > .label { width: 10px; padding: 2px 4px; margin-right: 2px; text-align: center !important; } .dropdown-menu.notification li > a > .label i { text-align: center !important; } .dropdown-menu.notification li a .time { font-size: 12px; font-style: italic; font-weight: 600; text-align: right; } /* header inbox dropdowns */ .dropdown-menu.inbox li a .photo img { float: left; height: 40px; width: 40px; margin-right: 6px; } .dropdown-menu.inbox li a .subject { display: block; } .dropdown-menu.inbox li a .subject .from { font-size: 14px; font-weight: 400; color: #02689b; } .dropdown-menu.inbox li a .subject .time { font-size: 12px; font-weight: 600; font-style: italic; position: absolute; right: 10px; } .dropdown-menu.inbox li a .message { display: block !important; font-size: 12px; } /* header tasks */ .dropdown-menu.tasks .task { margin-bottom: 5px; } .dropdown-menu.tasks .task .desc { font-size: 13px; font-weight: 300; } .dropdown-menu.tasks .task .percent { font-size: 13px; font-weight: 600; float: right; display: inline-block; } .dropdown-menu.tasks .progress { display: block; height: 10px; margin: 0px; } /*** General list for item with image ***/ .item-list li .img { height: 50px; width: 50px; float: left; margin-top: 3px; margin-right: 5px; } .item-list { margin: 0px; list-style: none; } .item-list li { padding: 7px 0 5px 0px; list-style: none; border-top: 1px solid white; border-bottom: 1px solid #EBEBEB; font-size: 12px; } .item-list li:first-child { border-top: none; border-bottom: 1px solid #EBEBEB; } .item-list li:last-child { border-top: none; border-bottom: none; } .item-list li .label { margin-right: 5px; } .item-list.todo li .label { position: absolute; right: 80px; } .item-list.todo li .actions { position: absolute; right: 45px; } /*** Custom tables ***/ .table.table-full-width { width: 100% !important; } .table .m-btn { margin-top: 0px; margin-left: 0px; margin-right: 5px; } .table thead tr th { font-size: 14px; font-weight: 600; } .table-advance { margin-bottom: 10px !important; } .table-advance thead { color: #999; } .table-advance thead tr th{ background-color: #DDD; font-size: 14px; font-weight: 400; color: #666; } .table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger { position: absolute; margin-top:-5px; float: left; width: 2px; height: 30px; margin-right: 20px !important; } .table-advance tr td { border-left-width: 0px; } .table-advance tr td:first-child { border-left-width: 1px !important; } .table-advance tr td.highlight:first-child a { margin-left: 15px; } .table-advance td.highlight div.success { border-left: 2px solid #66ee66; } .table-advance td.highlight div.info { border-left: 2px solid #87ceeb; } .table-advance td.highlight div.important { border-left: 2px solid #f02c71; } .table-advance td.highlight div.warning { border-left: 2px solid #fdbb39; } .table-advance td.highlight div.danger { border-left: 2px solid #e23e29; } /*** Star rating ***/ .rating { unicode-bidi: bidi-override; direction: rtl; font-size: 30px; } .rating span.star { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; } .rating span.star:hover { cursor: pointer; } .rating span.star:before { content: "\f006"; padding-right: 5px; color: #999999; } .rating span.star:hover:before, .rating span.star:hover ~ span.star:before { content: "\f005"; color: #e3cf7a; } /*** Rows seperated form layout ***/ .form-row-seperated .control-group { border-bottom: 1px solid #efefef; padding-bottom: 10px; padding-right: 10px; margin-bottom: 10px; margin-left: -10px; margin-right: -10px; } .form-row-seperated .control-group.last { border-bottom: 0; } .form-row-seperated .control-label { width: 170px; } .form-row-seperated .controls { margin-left: 190px; } .form-row-seperated .help-inline, .form-row-seperated .help-block { padding-left: 0; } /*** Bordered form layout ***/ .form-horizontal.form-bordered .control-group:first-child { border-bottom: 1px solid #eee !important; } .form-horizontal.form-bordered .control-group { margin: 0; padding: 0; border-bottom: 1px solid #eee; } .form-horizontal.form-bordered .control-group.last { border-bottom: 0; } .portlet.box .form-horizontal.form-bordered .control-group { margin-left: -10px; margin-right: -10px; } .portlet.box .form-horizontal.form-bordered .control-group:first-child { margin-top: -10px; } .form-horizontal.form-bordered .control-group .controls { padding: 10px; position: relative; border-left: 1px solid #eee; } .form-horizontal.form-bordered .control-group .controls .chosen-container, .form-horizontal.form-bordered .control-group .controls .select2-wrapper { min-height: 32px; } .form-horizontal.form-bordered .control-group .controls .chosen-container .help-block, .form-horizontal.form-bordered .control-group .controls .select2-wrapper .help-block { clear: both; padding-top: 10px !important; } .form-horizontal.form-bordered .control-group .control-label { margin-top: 10px; } .form-horizontal-setting .control-group select{ margin-top:0px!important;} .form-horizontal.form-bordered.form-row-stripped .control-group:nth-child(even) { background-color: #fcfcfc; } .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) { background-color: #fcfcfc; } .form-horizontal.form-bordered.form-row-stripped .m-wrap { background: #fff !important; } .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls { background-color: #ffffff; } .form-horizontal.form-bordered .help-inline, .form-horizontal.form-bordered .help-block { padding-left: 0; } /*** Uniform plugin css changes ***/ .radio, .checkbox { padding-left: 0px !important; } .checkbox .checker { margin-top: -2px !important; margin-right: 2px !important; } .controls .text { display: block; margin-top: 7px; font-weight: 400; font-size: 14px; } .controls .text-inline { display: inline-block; margin-top: 8px; font-weight: 400; font-size: 14px; } .controls span.required { color:red; } /* used for non horizontal forms */ .controls-uniform { margin-top: -7px; } /*** General forms settings ***/ input.placeholder, textarea.placeholder { color: #aaa !important; } .help-block { margin-top: 0px; } .form-inline input { margin-bottom: 0px !important; } .control-label { margin-top: 2px; } .control-label .required { color: #e02222; font-size: 12px; padding-left: 2px; } .validate-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; margin-top: 6px; } .control-group.success .validate-inline { color: #468847; } .control-group.info .validate-inline { color: #3a87ad; } .control-group.error .validate-inline { color: #b94a48; } .control-group.warning .validate-inline { color: #c09853; } .help-inline { margin-top: 6px; } .help-small { font-size: 12px; padding-top: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 0; } .success .validate-inline.ok:before, .success .help-inline.ok:before { content: "\f00c"; font-size: 16px; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; } form legend, .form-view legend { margin-bottom: 15px !important; } .controls > .radio .checker, .controls > .checkbox .checker { margin-right: 2px !important; } .controls > .radio, .controls > .checkbox { display: inline-block; padding: 0 !important; margin: 0 !important; margin-top: 8px !important; margin-right: 15px !important; } .controls > .radio.line, .controls > .checkbox.line { display: block; padding: 0 !important; margin: 0 !important; margin-top: 5px !important; } .controls .inline { margin-top: 8px; } .form-view .control-group { margin-top: 0px; margin-bottom: 5px; } .uploader { margin-top: 2px !important; } /*** Item block with details shown on hover ***/ .item { overflow: hidden; display: block; margin-bottom: 20px; } .item .details { width: 100%; display: none; background-color: #000; color: #fff !important; padding: 5px; text-align: center; position: relative; bottom:30px; margin-bottom:-30px; overflow: hidden; z-index: 6; } .item:hover .details { display: block; opacity: 0.7; filter: alpha(opacity = 70); } .item:hover .zoom-icon{ opacity:0.5; filter: alpha(opacity = 50); } /*** Zoom icon overlay on images ***/ .zoom { cursor: pointer; width: 100%; height: 100%; position: relative; z-index: 5; } .zoom .zoom-icon { background-image:url("../image/overlay-icon.png"); background-color: #222; background-repeat: no-repeat; background-position: 50%; position: absolute; width: inherit; height: inherit; opacity: 0; filter: alpha(opacity = 0); z-index: 6; top:0; } /*** Chats ***/ .chats { margin:0; padding: 0; margin-top: -15px; } .chats li { list-style: none; padding: 5px 0; margin: 10px auto; font-size: 12px; } .chats li img.avatar { height: 45px; width: 45px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .chats li.in img.avatar { float: left; margin-right: 10px; } .chats li .name { color:#3590c1; font-size: 13px; font-weight: 400; } .chats li .datetime { color:#333; font-size: 13px; font-weight: 400; } .chats li.out img.avatar { float: right; margin-left: 10px; } .chats li .message { display: block; padding: 5px; position: relative; } .chats li.in .message { text-align: left; border-left: 2px solid #35aa47; margin-left: 65px; background: #fafafa } .chats li.in .message .arrow { display: block; position: absolute; top: 5px; left: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #35aa47; } .chats li.out .message .arrow { display: block; position: absolute; top: 5px; right: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #da4a38; } .chats li.out .message { border-right: 2px solid #da4a38; margin-right: 65px; background: #fafafa; text-align: right; } .chats li.out .name, .chats li.out .datetime { text-align: right; } .chats li .message .body { display: block; } .chat-form { margin-top: 15px; padding: 10px; background-color: #e9eff3; overflow: hidden; clear: both; } .chat-form .input-cont { margin-right: 55px; } .chat-form .input-cont .m-wrap { margin-bottom: 0px; } .chat-form .input-cont input{ border: 1px solid #ddd; width: 100%; margin-top: 0; } .chat-form .input-cont input { background-color: #fff !important; } .chat-form .input-cont input:focus{ border: 1px solid #4b8df9 !important; } .chat-form .btn-cont { margin-top: -42px; position: relative; float: right; width:44px; } .chat-form .btn-cont .arrow { position: absolute; top: 17px; right: 43px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #4d90fe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chat-form .btn-cont:hover .arrow { border-right-color: #0362fd; } .chat-form .btn-cont:hover .btn { background-color: #0362fd; } .chat-form .btn-cont .btn { margin-top: 8px; } /*** System feeds ***/ .feeds { margin: 0px; padding: 0px; list-style: none; } .feeds li { background-color: #fafafa; margin-bottom: 7px; } .feeds li:before, .feeds li:after { display: table; line-height: 0; content: ""; } .feeds li:after { clear: both; } .feeds .col1 { float:left; width:100%; clear: both; } .feeds .col2 { float:left; width:75px; margin-left:-75px; } .feeds .col1 .cont { float:left; margin-right:75px; overflow:hidden; } .feeds .col1 .cont .cont-col1 { float:left; margin-right:-100%; } .feeds .col1 .cont .cont-col1 .label { float: left; width: 14px; padding: 7px; } .feeds .col1 .cont .cont-col2 { float:left; width:100%; } .feeds .col1 .cont .cont-col2 .desc { margin-left:35px; padding-top: 4px; padding-bottom: 4px; overflow:hidden; } .feeds .col2 .date { padding: 4px 9px 4px 4px; text-align: right; font-style: italic; color:#c1cbd0; } /*** Users ***/ .user-info { margin-bottom: 10px !important; } .user-info img { float: left; margin-right: 5px; } .user-info .details { display: inline-block; } .user-info .label { font-weight: 300; font-size: 11px; } /*** Accordions ***/ .accordion-heading { background:#eee; } .accordion-heading a { text-decoration:none; } .accordion-heading a:hover { text-decoration:none; } /*** Vertical inline menu ***/ .ver-inline-menu { margin: 0px; list-style: none; } .ver-inline-menu li { position:relative; margin-bottom:1px; } .ver-inline-menu li i { color:#b9cbd5; font-size:15px; padding:11px 9px; margin:0 8px 0 0; background:#e0eaf0 !important; } .ver-inline-menu li a { font-size: 13px; color:#557386; display:block; background:#f0f6fa; border-left:solid 2px #c4d5df; } .ver-inline-menu li:hover a, .ver-inline-menu li:hover i { background:#e0eaf0; text-decoration:none; } .ver-inline-menu li:hover i { color:#fff; background:#c4d5df !important; } .ver-inline-menu li.active a, .ver-inline-menu li:hover a { font-size: 13px; } .ver-inline-menu li.active a, .ver-inline-menu li.active i { color:#fff; background:#169ef4; text-decoration:none; border-left:solid 1px #0c91e5; } .ver-inline-menu li.active i { background:#0c91e5 !important; } .ver-inline-menu li.active:after { content: ''; display: inline-block; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #169ef4; position: absolute; top: 12px; right: -5px; } /*** Custom tabs ***/ .tab-content { padding: 0px; overflow: visible; } .tabbable-custom { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 15px; } .widget .row-fluid:last-child .tabbable-custom { margin-bottom: 0px; } .tabbable-custom > .nav-tabs { border: none; margin: 0px; } .tabbable-custom > .tab-content { background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px; } .tabbable-custom.boxless > .tab-content { padding:15px 0; border-left:none; border-right:none; border-bottom:none; } .tabbable-custom .nav-tabs > li { margin-right: 2px; border-top: 2px solid transparent; } .tabbable-custom .nav-tabs > li > a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-right: 0; padding: 5px 10px; } .tabbable-custom .nav-tabs > li > a:hover { background: none; border-color:transparent; } .tabbable-custom .nav-tabs > li.active { border-top: 3px solid #d12610; margin-top: 0; position: relative; } .tabbable-custom .nav-tabs > li.active > a { border-top: none; font-weight: 400; } .tabbable-custom .nav-tabs > li.active > a:hover { background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom .nav-tabs > li { margin-right: 2px; border-top: 2px solid transparent; } .tabs-below.tabbable-custom .nav-tabs > li { border-top: none; border-bottom: 2px solid transparent; margin-top: -1px; } .tabs-below.tabbable-custom .nav-tabs > li.active { border-top: none; border-bottom: 3px solid #d12610; margin-bottom: 0; position: relative; } .tabs-below.tabbable-custom .nav-tabs > li.active > a { border-bottom: none } .tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabs-left.tabbable-custom .nav-tabs > li { margin-right: 0; border-left: 2px solid transparent; margin-top: none; } .tabs-left.tabbable-custom .nav-tabs > li.active { border-top: none; border-left: 3px solid #d12610; margin-top: 0; margin-right: -1px; position: relative; } .tabs-left.tabbable-custom .nav-tabs > li.active > a { border-top: 1px solid #d4d4d4; border-left: 1px solid transparent; } .tabs-left.tabbable-custom .nav-tabs > li.active > a:hover { background: #fff; border-color: #d4d4d4 transparent #d4d4d4 transparent; } .tabs-right.tabbable-custom .nav-tabs > li { margin-right: 0; border-right: 2px solid transparent; border-top: none; } .tabs-right.tabbable-custom .nav-tabs > li.active { border-top: none; border-right: 3px solid #d12610; margin-top: 0; margin-left: -1px; position: relative; } .tabs-right.tabbable-custom .nav-tabs > li.active > a { border-top: 1px solid #d4d4d4; border-right: 1px solid transparent; } .tabs-right.tabbable-custom .nav-tabs > li.active > a:hover { background: #fff; border-color: #d4d4d4 transparent #d4d4d4; } .tabs-right.tabbable-custom .nav-tabs > li a, .tabs-left.tabbable-custom .nav-tabs > li a { padding: 8px 10px } /*full width tabs with bigger titles */ .tabbable-custom.tabbable-full-width > .tab-content { padding:27px 0; border-left:none; border-right:none; border-bottom:none; } .tabbable-custom.tabbable-full-width .nav-tabs > li > a { color:#424242; font-size:15px; padding:9px 15px; } /*** Custom portlet tabs ***/ .portlet-tabs .nav-tabs { position: relative; top: -41px; margin-right: 10px; overflow: hidden; } .portlet-tabs .nav-tabs > li { float: right; } .portlet-tabs .nav-tabs { border-bottom: none; } .portlet-tabs .nav-tabs > li > a { padding-top: 8px; padding-bottom: 10px; line-height: 16px; margin-top: 6px; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .portlet-tabs .nav-tabs > li:last-child > a { border-right:0; } .portlet-tabs .nav-tabs > li { margin-left: 1px; } .portlet-tabs .nav-tabs > li.active { border-top-color: transparent; } .portlet-tabs .nav-tabs > li.active > a { margin-bottom: 0px; border-bottom: 0; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; background-color: none !important; border-top-color:transparent !important; } .portlet-tabs .nav-tabs > li > a:hover { margin-bottom: 0; border-bottom-color: transparent; margin-left: 0; margin-right: 0; border-left: 0; border-right: 0; background-color: none !important; border-top-color:transparent; background-color: #fff; } .portlet-tabs .nav-tabs > .active > a { color: #555555; cursor: default; background-color: #fff; } .portlet-tabs .nav-tabs > .active > a:hover { background-color: #fff !important; } .portlet-tabs .tab-content { padding: 10px !important; margin: 0px; margin-top: -60px !important; } .portlet.tabbable .portlet-body { padding: 0px; } .tab-pane > p:last-child { margin-bottom: 0px; } /*** Dashboard container ***/ #dashboard { overflow: hidden; } /*** Dashboard stats ***/ .dashboard-stat { margin-bottom: 25px; } .dashboard-stat:before, .dashboard-stat:after { display: table; line-height: 0; content: ""; } .dashboard-stat:after { clear: both; } .dashboard-stat .visual { width: 80px; height:80px; display: block; float: left; padding-top: 10px; padding-left: 15px; } .dashboard-stat .visual i { font-size: 65px; color: #fff; } .dashboard-stat .details { float: right; padding-right: 10px; } .dashboard-stat .details .number { padding-top: 25px; text-align: right; font-size: 34px; letter-spacing: -1px; font-weight: 300; color: #fff; margin-bottom: 10px; } .dashboard-stat .details .desc { text-align: right; font-size: 16px; letter-spacing: 0px; font-weight: 300; color: #fff; } .dashboard-stat .more { clear: both; display: block; padding: 5px 10px 5px 10px; text-transform: uppercase; font-weight: 300; font-size: 11px; color: #fff; opacity: 0.7; filter: alpha(opacity=70); } .dashboard-stat .more i { margin-top: 4px; float: right; } .dashboard-stat .more:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue { background-color: #27a9e3; } .dashboard-stat.blue .more { background-color: #208dbe; } .dashboard-stat.green { background-color: #28b779; } .dashboard-stat.green .more { background-color: #10a062; } .dashboard-stat.red { background-color: #e7191b; } .dashboard-stat.red .more { background-color:#bc0d0e; } .dashboard-stat.yellow { background-color: #ffb848; } .dashboard-stat.yellow .more { background-color: #cb871b; } .dashboard-stat.purple { background-color: #852b99; } .dashboard-stat.purple .more { background-color: #6e1881; } /*** Circle Stats(KNOB, new in v1.1.1) ***/ /* Circle stats */ .knobify { border: 0 !important; width: 0px; } .ie8 .knobify { display: none; } .circle-stat { background-color: #f8f8f8; padding:2px; margin-bottom: 10px; } .circle-stat:hover { background-color: #edf4f7; } .circle-stat:before, .circle-stat:after { display: table; line-height: 0; content: ""; } .circle-stat:after { clear: both; } .circle-stat .visual { display: block; float: left; } .circle-stat .details { display: block; float: left; margin-left: 5px; padding-top: 7px; } .circle-stat .details .title { margin: 10px 0px 5px 0px !important; padding: 0px !important; font-size: 13px; text-transform: uppercase; font-weight: 300; color: #222; } .ie8 .circle-stat .details .title { margin-top:5px !important; } .ie8 .circle-stat .details { padding-top: 0px !important; margin-bottom: 5px !important; } .circle-stat .details .title i { margin-top:2px !important; color: #52e136; font-size: 16px; } .circle-stat .details .title i.down { color: #b63625; } .circle-stat .details .number { margin: 0px !important; margin-bottom: 7px !important; font-size: 24px; padding: 0px; font-weight: 300; color: #999; } /*** Tiles(new in v1.1.1) ***/ .tiles { margin-right: -10px; } .tile { display: block; letter-spacing: 0.02em; float: left; height: 130px; width: 130px !important; cursor: pointer; text-decoration: none; color: #ffffff; position: relative; font-weight: 300; font-size: 12px; letter-spacing: 0.02em; line-height: 20px; font-smooth: always; overflow: hidden; border: 4px solid transparent; margin: 0 10px 10px 0; } .tile:after, .tile:before { content: ""; float: left; } .tile.double { width: 278px !important; } .tile.double-down { height: 278px !important; } .tile:active, .tile.selected { border-color: #ccc; } .tile:hover { border-color: #aaa; } .tile.selected .corner:after { content: ""; display: inline-block; border-left: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid #ccc; position: absolute; top: -3px; right: -3px; } .tile.selected .check:after { content: ""; font-family: FontAwesome; font-size: 13px; content: "\f00c"; display: inline-block; position: absolute; top: 2px; right: 2px; } .tile * { color: #ffffff; } .tile .tile-body { height: 100%; vertical-align: top; padding: 10px 10px; overflow: hidden; text-overflow: ellipsis; position: relative; font-weight: 400; font-size: 12px; font-smooth: always; color: #000000; color: #ffffff; margin-bottom: 10px; } .tile .tile-body img { float: left; margin-right: 10px; } .tile .tile-body img.pull-right { float: right !important; margin-left: 10px; margin-right: 0px; } .tile .tile-body .content { display: inline-block; } .tile .tile-body > i { margin-top: 17px; display: block; font-size: 56px; text-align: center; } .tile.double-down i { margin-top: 95px; } .tile .tile-body h1, .tile .tile-body h2, .tile .tile-body h3, .tile .tile-body h4, .tile .tile-body h5, .tile .tile-body h6, .tile .tile-body p { padding: 0; margin: 0; line-height: 14px; } .tile .tile-body h3, .tile .tile-body h4 { margin-bottom: 5px; } .tile .tile-body h1:hover, .tile .tile-body h2:hover, .tile .tile-body h3:hover, .tile .tile-body h4:hover, .tile .tile-body h5:hover, .tile .tile-body h6:hover, .tile .tile-body p:hover { color: #ffffff; } .tile .tile-body p { font-weight: 400; font-size: 13px; font-smooth: always; color: #000000; color: #ffffff; line-height: 20px; overflow: hidden; text-overflow: ellipsis; } .tile .tile-body p:hover { color: rgba(0, 0, 0, 0.8); } .tile .tile-body p:active { color: rgba(0, 0, 0, 0.4); } .tile .tile-body p:hover { color: #ffffff; } .tile.icon > .tile-body { padding: 0; } .tile .tile-object { position: absolute; bottom: 0; left: 0; right: 0; min-height: 30px; background-color: transparent; *zoom: 1; } .tile .tile-object:before, .tile .tile-object:after { display: table; content: ""; } .tile .tile-object:after { clear: both; } .tile .tile-object > .name { position: absolute; bottom: 0; left: 0; margin-bottom: 5px; margin-left: 10px; margin-right: 15px; font-weight: 400; font-size: 13px; font-smooth: always; color: #ffffff; } .tile .tile-object > .name i { display: block; font-size: 24px; } .tile .tile-object > .number { position: absolute; bottom: 0; right: 0; margin-bottom: 0; color: #ffffff; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: 0.01em; line-height: 14px; font-smooth: always; margin-bottom: 8px; margin-right: 10px; } .tile.image { border-color1: transparent !important; } .tile.image > .tile-body { padding: 0 !important; } .tile.image > .tile-body > img{ width: 100%; height: auto; min-height: 100%; max-width: 100%; } .tile.image .tile-body h3 { display: inline-block; } /*** Styler Panel ***/ .color-panel { z-index: 999; position:relative; } .color-panel .color-mode-icons { top:4px; right:0; padding:20px; cursor:pointer; position:absolute; } .color-panel .icon-color { background:#c9c9c9 url(../image/icon-color.png) center no-repeat !important; } .color-panel .icon-color:hover { background-color:#3d3d3d !important; } .color-panel .icon-color-close { display:none; background:#3d3d3d url(../image/icon-color-close.png) center no-repeat !important; } .icon-break-link { background: url(../image/icon-break-link.png) center no-repeat !important; } .color-panel .icon-color-close:hover { background-color:#222 !important; } .color-mode { top:4px; right:40px; display:none; padding:10px 0; position:absolute; background:#3d3d3d; } .color-mode p, .color-mode ul, .color-mode label { padding:0 15px; } .color-mode p { color:#cfcfcf; padding:0 15px; font-size:15px; } .color-mode ul { list-style:none; padding:4px 11px 5px; display: block; margin-bottom: 1px !important; } .color-mode li { width:16px; height:23px; margin:0 4px; cursor:pointer; list-style:none; border:solid 1px #707070; } .color-mode li:hover, .color-mode li.current { border:solid 2px #ebebeb; margin:0 3px; } .color-mode li.color-black { background:#333438; } .color-mode li.color-grey { background:#6d6d6d; } .color-mode li.color-blue { background:#124f94; } .color-mode li.color-brown { background:#623f18; } .color-mode li.color-purple { background:#701584; } .color-mode li.color-white { background:#fff; } .color-mode label { color:#cfcfcf; padding-top:10px; padding-bottom: 0px; border-top:1px solid #585858; margin-top: 0px; margin-bottom: 0px; } .color-mode label span { text-transform:uppercase; } .color-mode label > span { display: inline-block; width: 85px; } .color-mode label > select { margin-top: 5px; text-transform: lowercase; } .color-mode label span.color-mode-label { top:2px; position:relative; } /*** Calendar with full calendar ***/ .external-event { display: inline-block !important; cursor:move; margin-bottom: 5px !important; margin-left: 5px !important; } .portlet .event-form-title { font-size: 14px; margin-top: -8px; font-weight: 400; margin-bottom: 0px; } .portlet.calendar .fc-button { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; text-shadow: none !important; border: 0 !important; padding: 7px 8px 11px 8px; margin-left:2px; color: #fff !important; border-top-style: none; border-bottom-style: none; border-right-style: solid; border-left-style: solid; border-color: #ddd; background: transparent; color: #646464; top: -47px; } .portlet.calendar .fc-header { margin-bottom:-21px; } .portlet.calendar .fc-button-prev { padding-right: 10px; padding-left: 8px; } .portlet.calendar .fc-button-next { padding-right: 8px; padding-left: 10px; } .portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover { color: #666 !important; background-color: #F9F9F9 !important; } .portlet.calendar .fc-button.fc-state-disabled { color: #ddd !important; } .portlet.calendar .fc-text-arrow { font-size: 22px; font-family: "Courier New", Courier, monospace; vertical-align: baseline; } /* begin: event element */ .portlet.calendar .fc-event { border: 0px; background-color: #69a4e0; color: #fff; } .portlet.calendar .fc-event-inner { border: 0px; } .portlet.calendar .fc-event-time { float: left; text-align: left; color: #fff; font-size: 13px; font-weight: 300; } .portlet.calendar .fc-event-title { text-align: left; float: left; color: #fff; font-size: 13px; font-weight: 300; } /* end: event element */ .portlet.calendar .fc-header-title h2 { font-size: 14px !important; line-height: 20px; font-weight: 400; color: #111; } .portlet.calendar .fc-widget-header { background-image: none !important; filter:none !important; background-color: #eee !important; text-transform: uppercase; font-color:#000; font-weight: 300; } .portlet.calendar .mobile .fc-button { margin-left: 2px !important; } .portlet.calendar .mobile .fc-button { padding: 6px 6px 6px 6px; margin-left:2px; border: none !important; background-color: #ddd !important; background-image: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; color: #000 !important; border: none !important; text-shadow: none !important; text-align: center; } .portlet.calendar .mobile .fc-state-hover, .portlet.calendar .mobile .fc-state-active { background-color: #eee !important; } .portlet.calendar .mobile .fc-button-prev { margin-right: 5px; margin-top: -2px; padding: 3px 6px 3px 4px; } .portlet.calendar .mobile .fc-button-next { margin-right: -0px; margin-top: -2px; padding: 3px 4px 3px 6px; } .portlet.calendar .mobile .fc-header-space { margin: 0px !important; padding: 0px !important; width: 0px !important; } .portlet.calendar .mobile .fc-state-disabled { color: #bbb !important; } .portlet.calendar .mobile .fc-header-left { position: absolute; z-index: 10; } .portlet.calendar .mobile .fc-header-right { position: absolute; z-index: 9; } .portlet.calendar .mobile .fc-header-left .fc-button { top: -2px !important; } .portlet.calendar .mobile .fc-header-right { position: relative; right:0; } .portlet.calendar .mobile .fc-header-right .fc-button { top: 35px !important; } .portlet.calendar .mobile .fc-header-right .fc-button:last-child { margin-left: 0px !important; } .portlet.calendar .mobile .fc-content { margin-top: 53px; } /*** Form wizard ***/ .form-wizard .progress { margin-bottom: 30px; } .form-wizard .steps { padding: 10px 0; margin-bottom: 15px; } .form-wizard .steps .navbar-inner { background-color: #fff !important; background-image: none !important; filter:none !important; border: 0px; box-shadow: none !important; } .form-wizard .steps .navbar-inner li a { background-color: #fff !important; background-image: none !important; filter:none !important; border: 0px; box-shadow: none !important; } .form-wizard .step:hover { text-decoration: none; } .form-wizard .step .number { background-color: #eee; display: inline-block; font-size: 16px; font-weight: 300; padding: 12px 15px 12px 15px !important; margin-right: 10px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .form-wizard .step .desc { display: inline-block; font-size: 14px; font-weight: 300; } .form-wizard .active .step .number { background-color: #35aa47; color: #fff; } .form-wizard .active .step .desc { font-weight: 400; } .form-wizard .step i { display: none; } .form-wizard .done .step .number { background-color: #f2ae43; color: #fff; } .form-wizard .done .step .desc { font-weight: 400; } .form-wizard .done .step i { font-size: 12px; font-weight: normal; color: #999; display: inline-block; } /* bootstrap chosen overlaping bug fix*/ .form-wizard .tab-pane .chzn-container { position: absolute !important; } /************************** PLUGIN CSS CUSTOMIZATIONS **************************/ /*** Google Maps ***/ .gmaps { height: 300px; width: 100%; } /* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ .gmaps img { max-width: none; } #gmap_static div{ background-repeat: no-repeat !important; background-position: 50% 50% !important; height:100%; display:block; height: 300px; } #gmap_routes_instructions { margin-top: 10px; margin-bottom: 0px; } /*** SlimScrollBar plugins css changes ***/ .scroller { padding: 0px !important; margin: 0px !important; padding-right: 12px !important; } .portlet-body .slimScrollBar { margin-right: 0px !important; } /*** jqvmap changes ***/ .jqvmap-zoomin { background-color: #666 !important; } .jqvmap-zoomout { background-color: #666 !important; } .vmaps { position: relative; overflow: hidden; height: 300px; } /*** Daterangepicker plugin css changes ***/ .modal-open .daterangepicker { z-index: 10060 !important; } .daterangepicker td { text-shadow: none !important; } .daterangepicker td.active { background-color: #4b8df8 !important; background-image: none !important; filter:none !important; } .daterangepicker th { font-weight: 400; font-size: 14px; } /*** Toggle buttons plugin css changes ***/ .toggle-button, .toggle-button label { margin-top: 3px; background-image: none !important; filter:none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; border: 1px solid #eee !important; -moz-border-radius-topleft: 0px !important; -webkit-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -moz-border-radius-topright: 0px !important; -webkit-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .toggle-button span.labelRight, .toggle-button span.primary, .toggle-button span.labelLeft, .toggle-button span.info, .toggle-button span.success, .toggle-button span.warning, .toggle-button span.danger { -moz-border-radius-topleft: 0px !important; -webkit-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -moz-border-radius-topright: 0px !important; -webkit-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; font-size: 13px !important; font-weight: 300 !important; background-image: none !important; filter:none !important; } .toggle-button span.labelRight { background-color: #eee; } /*** Choosen plugin css changes ***/ .chzn-controls { margin-bottom: -4px !important; } .chzn-controls .help-inline { display: inline-block; margin-top : 6px; } .chzn-container { display: block; margin: 0; padding: 0 !important; box-shadow: none !important; } .chzn-container-single { margin: 0 !important; padding: 0 !important; } /* fix chosen margins in form layouts */ .controls .chzn-container-single { float: left; } .chzn-container-single .chzn-single { box-shadow: none !important; background-image: none !important; filter:none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; height: 31px !important; border-color: #e5e5e5; margin: 0 !important; } /* enable form validation classes for chosen dropdowns */ .error .chzn-container-single .chzn-single { border-color: #B94A48; } .error .chzn-container-single .chzn-single span { color: #B94A48; } .success .chzn-container-single .chzn-single { border-color: #468847; } .success .chzn-container-single .chzn-single span { color: #468847; } .chzn-container-single .chzn-single > span { margin-top: 1px; } .chzn-container-single .chzn-single > abr { margin-top: 3px; } .chzn-container-single .chzn-search input:focus, .chzn-container-single .chzn-search input:active { border:1px solid #000 !important; box-shadow: none !important; } .chzn-container .chzn-choices li.search-choice { background-image: none !important; filter:none !important; box-shadow: none !important; font-size: 12px !important; font-weight: 300 !important; text-shadow:none !important; background-color: #eee !important; border: 0 !important; } .chzn-container .chzn-results .highlighted { background-image: none !important; filter:none !important; background-color: #eee !important; color: #111 !important; } .chzn-container-multi .chzn-choices { background-image: none !important; filter:none !important; box-shadow: none !important; border-color: #e5e5e5 !important; padding: 2px 1px 1px 1px !important; } .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { background-image: none !important; filter:none !important; } .chzn-x-multi .chzn-choices { box-shadow: none !important; } .chzn-container .group-result { color: #333 !important; font-size: 16px !important; font-weight: 400 !important; } /*** Select2 plugin css changes ***/ /* enable form validation classes for select2 dropdowns */ .error .select2-container .select2-choice { border-color: #B94A48; } .error .select2-container .select2-choice > span { color: #B94A48; } .error .select2-container.select2-dropdown-open .select2-choice { border-color: #e5e5e5; } .error .select2-container.select2-dropdown-open .select2-choice > span { color: #999999; } .success .select2-container .select2-choice { border-color: #468847; } .success .select2-container .select2-choice > span { color: #468847; } .success .select2-container.select2-dropdown-open .select2-choice { border-color: #e5e5e5; } .success .select2-container.select2-dropdown-open .select2-choice > span { color: #999999; } /*** Fileuploader plugin css changes ***/ .fileupload .btn { padding: 7px 14px !important; } .fileupload-exists { padding: 0px; } .fileupload .fileupload-preview { background-color: #fff !important; background-image: none !important; filter:none !important; } .fileupload .close { position: relative; top:0px !important; } /*** Clockface plugin css changes ***/ .clockface .cell .inner.active, .clockface .cell .outer.active { background-image: none !important; filter:none !important; } /*** WYSIWYG ***/ .wysihtml5-toolbar li { margin: 0px; height: 29px; } .wysihtml5-toolbar li .dropdown-menu { margin-top: 5px; } /*** CKEditor css changes ***/ .cke_bottom, .cke_inner, .cke_top, .cke_reset, .cke_dialog_title, .cke_dialog_footer, .cke_dialog { background-image: none !important; filter:none !important; border-top: 0 !important; border-bottom: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; text-shadow:none !important; } .cke_dialog_ui_button, .cke_dialog_tab { background-image: none !important; filter:none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; text-shadow:none !important; } .cke_dialog_ui_button:hover, .cke_dialog_tab:hover { text-decoration: none; text-shadow:none !important; } .cke_dialog_ui_input_text { background-image: none !important; filter:none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .cke_combo_button, .cke_button, .cke_toolbar, .cke_toolgroup { background-image: none !important; filter:none !important; border: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .cke_button, .cke_combo_button, .cke_panel_grouptitle, .cke_hc.cke_panel_listItem a { background-image: none !important; filter:none !important; text-shadow:none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; } .cke_button:hover, .cke_combo_button:hover { background-color: #ddd; } .cke_toolbar_break { background-image: none !important; filter:none !important; border: 0 !important; box-shadow: none !important; -webkit-box-shadow : none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; } /*** Modify tags input plugin css ***/ div.tagsinput { height: 40px !important; margin: 0 !important; padding: 5px !important; overflow: auto !important; } div.tagsinput span.tag { background: #aaa !important; color: #fff !important; border: 0 !important; padding: 3px 6px !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; margin-bottom: 4px !important; } div.tagsinput input { padding: 3px 6px !important; } div.tagsinput span.tag a { color: #fff !important; } div.tagsinput .not_valid { color: #fff !important; padding: 3px 6px !important; background-color: #e02222 !important; } /*** Gritter notification modify ***/ .gritter-close { left:auto !important; right: 3px !important; } .gritter-title { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important; font-size: 18px !important; font-weight: 300 !important; } /*** Bootstrap carousel css changes ***/ .carousel-inner .item { line-height: 20px; } /*** Glyphicons Demo(new in v1.1.1) ***/ .glyphicons-demo { text-align: center; } .glyphicons-demo .glyphicons { display:inline-block; *display:inline; *zoom:1; width:150px; font-size:14px; line-height:48px; margin-right: 20px; color: #999; text-align: left; } .glyphicons-demo .glyphicons i:before{ line-height:55px!important; color: #666; } .halfings-demo .white-content{ margin:0 -20px 0 -20px; padding:20px; background:#000; background:rgba(0,0,0,0.9) } .halfings-demo .white-content *, .halfings-demo .white-content p, .halfings-demo .white-content a{ color:#fff } .halfings-demo h2 { text-align: left; } .halfings-demo p, .halfings-demo a { width: 175px; font-size: 14px; line-height: 14px; text-align: left; display: inline-block; margin-right: 10px; } .halfings-demo .halflings, .halfings-demo .halflings-icon { margin:0 5px 0 0 } /*** jQuery UI Sliders(new in v1.1.1) ***/ .table.sliders td { padding: 15px 10px !important; } .table.sliders .slider { margin-top: 4px; } .table.sliders .slider-value { padding-top: 5px; font-weight: 400; } .table.sliders .slider-vertical-value { padding-bottom: 5px; font-weight: 400; } .slider { border: 0 !important; } .ui-slider-vertical, .ui-slider-handle { filter: none !important; background-image: none !important; } .slider-eq > span { height:125px; float:left; margin:15px } /*** Dropzone css changes(new in v1.1.1) ***/ .dropzone { webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } /*** Bootstrap Tree CSS changes(new in v1.1.2) ***/ .tree { margin: 0; padding: 0; } .tree a { padding: 2px 3px 3px 3px; display: block !important; line-height: 16px !important; } .tree a:hover { text-decoration: none; background-color: #eee; } .tree a.tree-toggle-icon-only, .tree a.tree-toggle { background-position: 2px -20px; } .tree a.tree-toggle.closed, .tree a.tree-toggle-icon-only.closed { background-position: 2px 3px; } /*** jQuery UI Datepicker(new in v1.2.2) ***/ .ui-widget-header select { padding: 2px !important; height: 30px; margin: 0 !important; margin-top: -1px !important; } .ui-datepicker.ui-widget-content { background: none !important; background-color: #eee !important; } .ui-datepicker .ui-widget-header { background: none !important; background-color: #e0e0e0 !important; border: 0 !important; box-shadow: none !important; height: 28px; } .ui-widget-header .ui-icon { background-image: url(../image/ui-icons_ef8c08_256x240.png) !important; } .ui-widget-header .ui-datepicker-next, .ui-widget-header .ui-datepicker-prev { margin: 2px 2px 2px 2px; } .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-active { background-color: #F2F2F2 !important; border-color: #F2F2F2 !important; background-image: none !important; } .ui-datepicker .ui-datepicker-title { font-weight: 400 !important; text-transform: uppercase !important; font-size: 14px !important; color: #333; } .ui-datepicker .ui-datepicker-title span { display: inline-block; padding-top: 2px; } .ui-datepicker .ui-datepicker-calendar thead span { font-weight: 300 !important; font-size: 13px !important; text-transform: uppercase !important; color: #333 !important; } .ui-datepicker .ui-datepicker-week-col { font-weight: 400 !important; font-size: 13px !important; text-transform: uppercase !important; color: #333 !important; } .ui-datepicker tbody .ui-datepicker-week-col { text-align: center; } .ui-datepicker .ui-datepicker-calendar .ui-state-default { font-weight: 300 !important; font-size: 13px !important; text-transform: uppercase !important; color: #333 !important; border-color:#DEDEDE; background-color: #DEDEDE !important; } .ui-datepicker .ui-datepicker-calendar .ui-state-active, .ui-datepicker .ui-datepicker-calendar .ui-state-hover { background-image: none !important; border-color:#ffb848; background-color: #ffb848 !important; } .ui-datepicker .ui-datepicker-calendar .ui-state-highlight { background-image: none !important; background-color: #FFDBA3 !important; border-color:#ffb848; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { background-image: none !important; background-color: #ffb848 !important; border-color:#ffb848; } .ui-datepicker button.ui-state-default { background-image: none !important; background-color: #35aa47 !important; border-color: #35aa47 !important; color: #fff; } .ui-datepicker button.ui-state-hover { border-color: #1d943b !important; background-color: #1d943b !important; color: #fff !important; } .ui-datepicker button.ui-state-default.ui-priority-secondary { font-weight: 300 !important; font-size: 13px !important; } .ui-datepicker button.ui-state-default.ui-priority-primary { font-weight: 300 !important; font-size: 13px !important; } /*** jQuery UI Dialogs(new in v1.2.4) ***/ .ui-dialog { /*z-index: 98 !important*/; background: none !important; background-color: #eee !important; } .ui-dialog .ui-dialog-titlebar { font-weight: bold !important; font-size: 15px !important; text-transform: uppercase !important; color: #4c5a5f !important; background: none !important; background-color: #D3DBE1 !important; border: 1px solid #edf5f8 !important; border-bottom: 1px solid #b6bec5 !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .7) !important; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial; cursor: move !important; } .ui-dialog .ui-dialog-titlebar-close { width: 25px; height: 25px; outline: none !important; border: 0 !important; box-shadow: none; /*background: url(../image/hor-menu-search-close.png) no-repeat center;*/ background-color: #FFFFFF !important; margin-top: -12px !important; } .ui-dialog .ui-dialog-titlebar-close:hover { opacity: 0.8; filter: alpha(opacity=80); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset !important; } /*dialog title bg colors*/ .ui-dialog.ui-dialog-blue .ui-dialog-titlebar { color: #fff !important; background-color: #4b8df8 !important; } .ui-dialog.ui-dialog-blue .ui-dialog-titlebar-close { background: url(../image/hor-menu-search-close-white.png) no-repeat center; } .ui-dialog.ui-dialog-red .ui-dialog-titlebar { color: #fff !important; background-color: #e02222 !important; } .ui-dialog.ui-dialog-red .ui-dialog-titlebar-close { background: url(../image/hor-menu-search-close-white.png) no-repeat center; } .ui-dialog.ui-dialog-yellow .ui-dialog-titlebar { color: #fff !important; background-color: #ffb848 !important; } .ui-dialog.ui-dialog-yellow .ui-dialog-titlebar-close { background: url(../image/hor-menu-search-close-white.png) no-repeat center; } .ui-dialog.ui-dialog-green .ui-dialog-titlebar { color: #fff !important; background-color: #35aa47 !important; } .ui-dialog.ui-dialog-green .ui-dialog-titlebar-close { background: url(../image/hor-menu-search-close-white.png) no-repeat center; } .ui-dialog.ui-dialog-purple .ui-dialog-titlebar { color: #fff !important; background-color: #852b99 !important; } .ui-dialog.ui-dialog-purple .ui-dialog-titlebar-close { background: url(../image/hor-menu-search-close-white.png) no-repeat center; } .ui-dialog.ui-dialog-grey .ui-dialog-titlebar { color: #fff !important; background-color: #555555 !important; } .ui-dialog.ui-dialog-grey .ui-dialog-titlebar-close { background: url(../image/hor-menu-search-close-white.png) no-repeat center; } /*dialog title bg colors*/ .ui-dialog .ui-dialog-content { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial; font-size: 13px !important; color: #333 !important; width: 100% !important; } .ui-dialog .ui-dialog-content .icon { display: inline-block; float: left; margin: 5px 7px 20px 0; } .ui-widget-overlay.ui-front { z-index: 10010; background: #333 !important; } /*** Sidebar Content ***/ .sidebar-content { margin-top: 20px; } /*** Horezantal Menu(new in v1.2) ***/ .header .hor-menu { margin: 0; float: left; } .header .hor-menu ul.nav li a { font-size: 14px; padding: 11px 18px; } .ie8 .header .hor-menu a.dropdown-toggle { padding-top: 10px !important; } .header .hor-menu ul.nav li { position: relative; } .header .hor-menu ul.nav li.active > a, .header .hor-menu ul.nav li.active > a:hover { background: #e02222 !important; } .ie8 .header .hor-menu ul.nav li.active > a { padding-top: 13px; padding-bottom: 12px; } .ie9 .header .hor-menu ul.nav li.active > a { padding-top: 10px; padding-bottom: 12px; } .header .hor-menu ul.nav li.active .selected { left: 50%; bottom:0; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #e02222; display: inline-block; margin: 0; width: 0px; height:0px; margin-left: -7px; margin-bottom:-6px; } .header .hor-menu ul.nav li a:hover, .header .hor-menu ul.nav li a:focus { background: #2d2d2d; } /*drop-down*/ .header .hor-menu .dropdown-menu { margin-top: 0; border: none; box-shadow: none; background: #2d2d2d; } .header .hor-menu .dropdown-menu li > a { color: #333; padding: 15px 28px !important; margin-bottom:1px; } .header .dropdown-menu .arrow { display: none; } .header .hor-menu ul.nav > li > a > .arrow:before { margin-top: 7px; margin-left: 3px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f107"; font-weight: 300; text-shadow:none; } .header .hor-menu ul.nav > li .dropdown-menu > li > a > .arrow:before { float: right; margin-top: 1px; margin-right: -5px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; text-shadow:none; } .header .hor-menu .dropdown-menu li > a:hover, .header .hor-menu .dropdown-menu li:hover > a, .header .hor-menu .dropdown-menu li.active > a { color: #fff; filter:none !important; background: #e02222 !important; } .header .hor-menu .nav > li > .dropdown-menu:after, .header .hor-menu .nav > li > .dropdown-menu:before { border-bottom: none !important; } /*search*/ .header .hor-menu .hor-menu-search-form-toggler { display: inline-block; padding: 11px 22px 11px 22px !important; cursor: pointer; background: url(../image/hor-menu-search.png) no-repeat center; } .header .hor-menu .hor-menu-search-form-toggler:hover { opacity: 0.8; filter: alpha(opacity=80); } .header .hor-menu .hor-menu-search-form-toggler.hide { background: #101010 url(../image/hor-menu-search-close.png) no-repeat center; } .header .hor-menu a.hor-menu-search-form-toggler-close { display: none; } .header .hor-menu .search-form { top:42px; right:0px; padding:8px; display:none; z-index:999; position:absolute; background:#101010; } .header .hor-menu .search-form .btn { color: #999; padding: 7px 20px; height: 32px; width: 10px; display: inline-block; background: #2d2d2d url(../image/search-icon.png) no-repeat center; } .header .hor-menu .search-form .btn:hover { opacity: 0.8; filter: alpha(opacity=80); } .header .hor-menu .search-form form { margin-bottom: 0; } .header .hor-menu .search-form form input { color: #999; border: none; } .header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } .header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } .header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } .header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /*** Dashboard Charts(new in v1.2.1) ***/ .easy-pie-chart, .sparkline-chart { text-align: center; } .sparkline-chart { margin-top: 15px; position:relative !important; } .easy-pie-chart .number { font-size: 16px; font-weight: 300; width: 85px; margin: 0 auto; } .sparkline-chart .number { width: 100px; margin: 0 auto; margin-bottom: 10px; } .sparkline-chart .title, .easy-pie-chart .title { display: block; text-align: center; color: #333; font-weight: 300; font-size: 16px; margin-top: 5px; margin-bottom: 10px; } .sparkline-chart .title:hover, .easy-pie-chart .title:hover { color: #666; text-decoration: none; } /*** Top News Blocks(new in v1.2.2) ***/ .top-news { color: #fff; margin: 8px 0; } .top-news a, .top-news em, .top-news span { display: block; text-align: left; } .top-news a { padding: 10px; position: relative; margin-bottom: 10px; } .top-news a .top-news-icon { right: 8px; bottom: 15px; opacity:0.3; font-size: 35px; position: absolute; filter: alpha(opacity=30); /*For IE8*/ } .top-news em { margin-bottom: 0; font-style: normal; } .top-news span { font-size: 18px; margin-bottom: 5px; } /*** Bootstrap Carousel(new in v1.2.2) ***/ .carousel { margin-bottom: 0; } .carousel .carousel-caption a { color: #fff; } .carousel .carousel-inner .item { margin-bottom: 10px; } .carousel a.carousel-control { border: none; padding: 5px; display: none; } .carousel:hover a.carousel-control { display: block; width: 40px; height: 40px; } /*** Block Images(new in v1.2.2) ***/ .blog-images { margin-bottom: 0; } .blog-images li { display: inline; } .blog-images li a:hover { text-decoration: none; } .blog-images li img { width: 50px; height: 50px; opacity: 0.6; margin: 0 2px 8px; } .blog-images li img:hover { opacity: 1; box-shadow: 0 0 0 4px #72c02c; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } /*Sidebar Tags*/ ul.sidebar-tags a { color: #555; font-size:12px; padding:2px 5px; background:#f7f7f7; margin:0 2px 5px 0; display:inline-block; } ul.sidebar-tags a:hover, ul.sidebar-tags a:hover i { color:#fff; background: #555; text-decoration:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } ul.sidebar-tags a i { color:#777; } ul.sidebar-tags li { padding: 0; } /*** Social Icons(new in v1.2.2) ***/ .social-icons { margin:0; } .social-icons:after, .social-icons:before { content: ""; display: table; } .social-icons:after { clear: both; } .social-icons li { float:left; display:inline; list-style:none; margin-right:5px; margin-bottom:5px; text-indent:-9999px; } .social-icons li a, a.social-icon { width:28px; height:28px; display:block; background-position:0 0; background-repeat:no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icons li:hover a { background-position:0 -38px; } .social-icons .amazon {background: url(../image/amazon.png) no-repeat;} .social-icons .behance {background: url(../image/behance.png) no-repeat;} .social-icons .blogger {background: url(../image/blogger.png) no-repeat;} .social-icons .deviantart {background: url(../image/deviantart.png) no-repeat;} .social-icons .dribbble {background: url(../image/dribbble.png) no-repeat;} .social-icons .dropbox {background: url(../image/dropbox.png) no-repeat;} .social-icons .evernote {background: url(../image/evernote.png) no-repeat;} .social-icons .facebook {background: url(../image/facebook.png) no-repeat;} .social-icons .forrst {background: url(../image/forrst.png) no-repeat;} .social-icons .github {background: url(../image/github.png) no-repeat;} .social-icons .googleplus {background: url(../image/googleplus.png) no-repeat;} .social-icons .jolicloud {background: url(../image/jolicloud.png) no-repeat;} .social-icons .last-fm {background: url(../image/last-fm.png) no-repeat;} .social-icons .linkedin {background: url(../image/linkedin.png) no-repeat;} .social-icons .picasa {background: url(../image/picasa.png) no-repeat;} .social-icons .pintrest {background: url(../image/pintrest.png) no-repeat;} .social-icons .rss {background: url(../image/rss.png) no-repeat;} .social-icons .skype {background: url(../image/skype.png) no-repeat;} .social-icons .spotify {background: url(../image/spotify.png) no-repeat;} .social-icons .stumbleupon {background: url(../image/stumbleupon.png) no-repeat;} .social-icons .tumblr {background: url(../image/tumblr.png) no-repeat;} .social-icons .twitter {background: url(../image/twitter.png) no-repeat;} .social-icons .vimeo {background: url(../image/vimeo.png) no-repeat;} .social-icons .wordpress {background: url(../image/wordpress.png) no-repeat;} .social-icons .xing {background: url(../image/xing.png) no-repeat;} .social-icons .yahoo {background: url(../image/yahoo.png) no-repeat;} .social-icons .youtube {background: url(../image/youtube.png) no-repeat;} .social-icons .vk {background: url(../image/vk.png) no-repeat;} .social-icons .instagram {background: url(../image/instagram.png) no-repeat;} /*** Responsive tables(new in v1.2.3) ***/ .flip-scroll table { width: 100%; } @media only screen and (max-width: 800px) { .flip-scroll table {border-left: 1px solid #ddd} .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .flip-scroll * html .flip-content { zoom: 1; } .flip-scroll *:first-child+html .flip-content { zoom: 1; } .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; } .flip-scroll th, .flip-scroll td { margin: 0; vertical-align: top; } .flip-scroll th { text-align: left; } .flip-scroll table { display: block; position: relative; width: 100%; } .flip-scroll thead { display: block; float: left; } .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .flip-scroll thead tr { display: block; } .flip-scroll th { display: block; text-align: right; } .flip-scroll tbody tr { display: inline-block; vertical-align: top; } .flip-scroll td { display: block; min-height: 1.25em; text-align: left; } /* sort out borders */ .flip-scroll th { border-bottom: 0; border-left: 0; } .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; } .flip-scroll tbody tr { border-left: 1px solid #ddd; } .flip-scroll th:last-child, .flip-scroll td:last-child { border-bottom: 1px solid #ddd; } } .no-more-tables table { width: 100%; } @media only screen and (max-width: 800px) { /* Force table to not be like tables anymore */ .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } .no-more-tables tr { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } .no-more-tables tr:last-child { border-bottom: 0; } .no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } .no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Label the data */ .no-more-tables td:before { content: attr(data-title); } } /*** Fancy box fix overlay fix(in v1.2.4) ***/ .fancybox-overlay { z-index: 10000 !important; } /*** Bootstrap Datetimepickers Restyle(in v1.2.4) ***/ .modal-open .datetimepicker { z-index: 10060 !Important; } .datetimepicker table .active { background-image: none !important; background-color: #4b8df8 !important; filter: none !important; } .datetimepicker table td { font-weight: 300 !important; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important; } .datetimepicker table th { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important; font-weight: 400 !important; } /*** Bootstrap Datepickers Restyle(in v1.2.4) ***/ .modal-open .datepicker { z-index: 10060 !Important; } .datepicker table .active { background-image: none !important; background-color: #4b8df8 !important; filter: none !important; } .datepicker table td { font-weight: 300 !important; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important; } .datepicker table th { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important; font-weight: 400 !important; } /*** Bootstrap Colorpicker (in v1.3) ***/ .modal-open .colorpicker { z-index: 10060 !important; } /*** Dropdown Checkboxes (in v1.3) ***/ .dropdown-checkboxes { padding: 5px; } .dropdown-checkboxes label { color: #333; margin-bottom: 4px; margin-top: 4px; } /*** Datatables Plugin(in v1.3) ***/ .dataTable { clear: both; } .dataTables_filter label { line-height: 32px !important; } .dataTable .row-details { margin-top: 3px; display: inline-block; cursor: pointer; width: 14px; height: 14px; } .dataTable .row-details.row-details-close { background: url("../image/datatable-row-openclose.png") no-repeat 0 0; } .dataTable .row-details.row-details-open { background: url("../image/datatable-row-openclose.png") no-repeat 0 -23px !important; } .dataTable .details { background-color: #eee !important; } .dataTable .details td, .dataTable .details th { padding: 4px; background-color: none !important; border: 0; } .dataTable .details tr:hover td, .dataTable .details tr:hover th { background-color: none !important; } .dataTable .details tr:nth-child(odd) td, .dataTable .details tr:nth-child(odd) th { background-color: #eee !important; } .dataTable .details tr:nth-child(even) td, .dataTable .details tr:nth-child(even) th { background-color: #eee !important; } .icon-size { font-size:17px; margin-left:5px; } /* left */ .leftsidebar{ width:250px; background: #3d3d3d; position:fixed; left:0px; top:60px; z-index:9999; } /* me */ /* left */ .page-header-fixed .page-container .leftsidebar{ width: 250px; height: 100%; background: #3d3d3d; float: left; } .page-sidebar-closed .page-container .leftsidebar{ width: 65px; } /* 菜单栏收缩按钮 */ .page-header-fixed .page-container .menu-btn{ display: block; float: right; margin-top: 22px; margin-right: 25px; width: 30px; height: 30px; background: url(../img/menubtn.png) no-repeat center center; background-color: #262626; cursor: pointer; } .page-sidebar-closed .page-container .menu-btn{ margin-bottom: 0px; margin-right: 17px; } /* 菜单栏查询按钮 */ .page-header-fixed .page-container .menu-search{ position: relative; float: left; width: 205px; height: 40px; margin: 23px auto 30px 12px; border-radius: 5px !important; background: #303030; } .page-header-fixed .page-container .menu-search input{ box-shadow: none; list-style: none; outline: none; } .page-header-fixed .page-container .menu-search input#serch_inp{ float: left; margin-left: 10px; width: 150px !important; height: 40px !important; line-height: 40px; font-size: 16px; background: #303030; color: #FFFFFF; padding: 0; border: 0; } .page-header-fixed .page-container .menu-search #serch_btn{ float: left; margin-left: 10px; width: 32px; height: 40px; background: #303030; border: 0; background: url(../img/inp_search.png) no-repeat center center; background-size: 24px 24px; } .page-header-fixed .page-container .menu-search ul{ position: absolute; left: -25px; top: 40px; z-index: 99; display: none; width: 100%; height: auto; list-style: none; } .page-header-fixed .page-container .menu-search ul li{ height: 36px; line-height: 36px; text-align: left; text-indent: 1em; background: #303030; color: #d8d8d8; cursor: pointer; list-style: none; } .page-header-fixed .page-container .menu-search ul li:hover{ background: #424141; } /* 子菜单详情 */ .page-header-fixed .menu-list{ position: relative; float: left; width: 100%; height: auto; } .page-header-fixed .menu-list a.menu-nav{ float: left; width: 100%; height: 44px; border-bottom: 1px solid #5B5B5B; font-size: 16px; color: #e3e3e3; text-decoration: none; cursor: pointer; line-height: 44px; } .page-header-fixed .menu-list a.menu-home{ height: 41px; } .page-header-fixed .menu-list a.menu-nav:hover{ background: #e43d59; color: #FFFFFF; } .page-header-fixed .menu-list a.menu-nav span{ display: inline-block; float: left; line-height: 44px; margin-left: 12px; } .page-sidebar-closed .menu-list a.menu-nav span{ display: none; } .page-header-fixed .menu-list a.menu-home span{ line-height: 41px; } .page-header-fixed .menu-list a.menu-nav i{ float: left; display: inline-block; width: 30px; height: 100%; margin-left: 16px; /*background: url(../img/menu_1.png) no-repeat center center;*/ background: url(../../images/M0-down.png) no-repeat center center; background-size: 24px 24px; } .page-sidebar-closed .menu-list a.menu-nav i{ width: 65px; margin-left: 0px; } .page-header-fixed .menu-list2{ position: relative; float: left; width: 100%; height: auto; } .page-header-fixed .menu-list2 a.menu-nav2 { float: left; width: 100%; height: 44px; border-bottom: 1px solid #5B5B5B; font-size: 16px; color: #e3e3e3; text-decoration: none; cursor: pointer; line-height: 44px; } .page-header-fixed .menu-list2 a.menu-home { height: 41px; } .page-header-fixed .menu-list2 a.menu-nav2:hover { background: #e43d59; color: #FFFFFF; } .page-header-fixed .menu-list2 a.menu-nav2 span { display: inline-block; float: left; line-height: 44px; margin-left: 12px; } .page-sidebar-closed .menu-list2 a.menu-nav2 span { display: none; } .page-header-fixed .menu-list2 a.menu-home span { line-height: 41px; } .page-header-fixed .menu-list2 a.menu-nav2 i { float: left; display: inline-block; width: 30px; height: 100%; margin-left: 16px; /*background: url(../img/menu_1.png) no-repeat center center;*/ background: url(../../images/M0-down.png) no-repeat center center; background-size: 24px 24px; } .page-sidebar-closed .menu-list2 a.menu-nav2 i { width: 65px; margin-left: 0px; } .page-header-fixed .menu-list2 a.menu-nav2 i.menu-img-M0 { background-image: url(../../images/M0-down.png); } .page-header-fixed .menu-list2 a.menu-nav2:hover i.menu-img-M0 { background-image: url(../../images/M0-up2.png); } /*选择前*/ .page-header-fixed .menu-list a.menu-nav i.menu-img-M1{ background-image: url(../../images/M1.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M2{ background-image: url(../../images/M2.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M3{ background-image: url(../../images/M3.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M4{ background-image: url(../../images/M4.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M5{ background-image: url(../../images/M5.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M6{ background-image: url(../../images/M6.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M7{ background-image: url(../../images/M7.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M8{ background-image: url(../../images/M8.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M9{ background-image: url(../../images/M9.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M10{ background-image: url(../../images/M10.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M12{ background-image: url(../../images/M12.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M14{ background-image: url(../../images/M14.png); } .page-header-fixed .menu-list a.menu-nav i.menu-img-M15{ background-image: url(../../images/M15.png); } /*选择后*/ .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M0{ background-image: url(../../images/M0-up2.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M1{ background-image: url(../../images/M1_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M2{ background-image: url(../../images/M2_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M3{ background-image: url(../../images/M3_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M4{ background-image: url(../../images/M4_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M5{ background-image: url(../../images/M5_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M6{ background-image: url(../../images/M6_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M7{ background-image: url(../../images/M7_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M8{ background-image: url(../../images/M8_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M9{ background-image: url(../../images/M9_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M10{ background-image: url(../../images/M10_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M12{ background-image: url(../../images/M12_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M14{ background-image: url(../../images/M14_slec.png); } .page-header-fixed .menu-list a.menu-nav:hover i.menu-img-M15{ background-image: url(../../images/M15_slec.png); } .page-header-fixed .menu-list .submenu-nav{ position: absolute; z-index: 99; left: 250px; top: 0; width: 660px; height: auto; display: none; background: #FFFFFF; overflow:hidden; } .submenu-content{ clear:both; overflow-x:hidden; width:710px;background:#DEF5E0;} .page-sidebar-closed .menu-list .submenu-nav{ left: 65px; } .page-header-fixed .menu-list .submenu-type{ float: left; width: 100%; /*height: 100%;*/ } .page-header-fixed .menu-list .submenu-type .left-submenu{ float: left!important; width: 40px; height: 100%; color: #FFFFFF; text-align: center; font-size: 14px; } .page-header-fixed .menu-list .icon-gn .left-submenu{ background: #ffb948; } .page-header-fixed .menu-list .icon-report .left-submenu{ background: #92dd9d; } .page-header-fixed .menu-list .icon-set .left-submenu{ background: #5b9bd3; } .page-header-fixed .menu-list .icon-red .left-submenu{ background: red; } .page-header-fixed .menu-list .icon-gn .right-submenu{ background: #fff2da; float:left!important; margin-right:-1px; } .page-header-fixed .menu-list .icon-report .right-submenu{ background: #def5e0;float:left!important; margin-right:-1px; } .page-header-fixed .menu-list .icon-set .right-submenu{ background: #deebf6;float:left!important; margin-right:-1px; } .page-header-fixed .menu-list .icon-red .right-submenu{ background: red;float:left!important; margin-right:-1px; } .page-header-fixed .menu-list .submenu-type .right-submenu{ float: left; width: 615px; height: auto; padding-left: 5px; padding-top: 7px; padding-bottom: 7px; } .page-header-fixed .submenu-type .right-submenu a{ display: inline-block; float: left; min-width: 168px; height: 24px; line-height: 24px; font-size: 12px; margin: 0 3px 4px 0; padding-left: 20px; border: 1px solid transparent; text-decoration: none; color: #8a8a8a; cursor: pointer; } .page-header-fixed .submenu-type .right-submenu a:hover{ border: 1px solid #45769c; box-shadow: 0px 0px 5px #45769c; } /* * 子菜单上下padding值 */ .page-header-fixed .menu-list .submenu-type .padTop14{ padding-top: 14px; } .page-header-fixed .menu-list .submenu-type .padBom14{ /*padding-bottom: 14px;*/ padding-bottom: 7px; } .page-header-fixed .menu-list .submenu-type .padTB14{ padding-top: 14px; padding-bottom: 14px; } /* * 子菜单top值 */ .page-header-fixed .menu-list .submenu-nav-1{ top: 0px; } .page-header-fixed .menu-list .submenu-nav-2{ top: 44px; } .page-header-fixed .menu-list .submenu-nav-3{ top: 89px; } .page-header-fixed .menu-list .submenu-nav-4{ top: 134px; } .page-header-fixed .menu-list .submenu-nav-5{ top: 179px; } .page-header-fixed .menu-list .submenu-nav-6{ top: 224px; } .page-header-fixed .menu-list .submenu-nav-7{ top: 269px; } .page-header-fixed .menu-list .submenu-nav-8{ top: 314px; } .page-header-fixed .menu-list .submenu-nav-9{ top: 359px; } .page-header-fixed .menu-list .submenu-nav-10{ top: 404px; } .page-header-fixed .menu-list .submenu-nav-11{ top: 453px; } .page-header-fixed .menu-list .submenu-nav-12{ top: 494px; } .page-header-fixed .menu-list .submenu-nav-13{ top: 539px; } .page-header-fixed .menu-list .submenu-nav-14{ top: 584px; } /* * 右侧页面对应主菜单按钮的选中状态 */ .page-header-fixed .menu-list .menu-nav-on{ background: #303030; } /* left */ /* form 自定义 BEGIN */ .form-inpsub{ border: 0; padding-left: 32px!important; } .form-inpsub .btn{ border-radius: 5px!important; float: right; margin-right: 10px; font-family: "微软雅黑","Arial"; } .form-inpsub .btn.org { color: white; text-shadow: none; background-color: #ea8432; margin-right: 16px; } .form-inpsub .btn.org:hover,.form-inpsub .btn.org:active,.form-inpsub .btn.org:visited { background-color: #ff6600!important; } .form-inpsub .btn.red { color: white; text-shadow: none; background-color: #BC4343; margin-right: 16px; } .form-inpsub .btn.red:hover,.form-inpsub .btn.red:active,.form-inpsub .btn.red:visited { background-color: #762929!important; } .form-inpsub .btn.green { color: white; text-shadow: none; background-color: #16C742;/*#96C742*/ margin-right: 16px; } .form-inpsub .btn.green:hover,.form-inpsub .btn.green:active,.form-inpsub .btn.green:visited { background-color: #507E0C!important; } button.org[disabled] { background:#FF9C5A !important; } .form-inpsub .btn.marleft{ float: left; margin-left: 0px!important; margin-right: 0; color: #666; } .readcard{ border-radius: 5px!important; font-size: 12px; } /* ui-dialog 提交按钮div高度 */ .from-dialog-inpsub{ padding: 10px 10px; } /* table 展开折叠 */ .btn-shows .eq0{ display: none; } .btn-hides .eq1{ display: none; } .control-serch{ position: relative; } .control-serch .controls-serch-div{ position: relative; float: left; } .btn-SerachInput{ background:url(../image/search-icon.png) right center no-repeat} .control-group i.inp-search-i{ position: absolute; right: 7px; top: 10px; cursor: pointer; } /* row-fluid form-label 自定义 */ .row-fluid .span6 .form-horizontal .control-label { float: left; width: 120px; padding-top: 5px; text-align: right; } .row-fluid .span6 .form-horizontal .controls { margin-left: 140px; } /* row-fluid form-label 自定义 */ /* 当为弹出窗时 */ .form-horizontal-setting .control-group { margin-bottom: 5px !important; } .form-horizontal-setting .control-group label,.form-horizontal-setting .control-group .m-wrap, .form-horizontal-setting .control-group span,.form-horizontal-setting .control-group .btn{ font-size: 12px !important; } /* radio样式 */ /* radio样式方法一较好 */ div.radio-demo .demo-label{ float: left; display: inline-block; color: #555; font-size: 12px; } div.radio-demo .demo-label.marright10{ margin-right: 10px!important; } div.radio-demo .demo-radio{ opacity: 0; } div.radio-demo span.demo-radioInput{ background-color: #fff; border: 1px solid rgba(0,0,0,0.15); border-radius: 50%!important; display: inline-block; height: 12px; margin-left: -15px; margin-right: 5px; vertical-align: middle; width: 12px; line-height: 1; margin-top: 4px; } div.radio-demo .demo-radio:checked + .demo-radioInput:after{ background-color: #99a1a7; border-radius: 50%; content: ""; display:inline-block; height: 8px; margin: 2px; width: 8px; } /* radio样式方法二不建议 */ div.radio-div{ float: left; position: relative; cursor:auto; } div.radio-div input[type="radio"]{ /*display: none;*/ opacity: 0; position: absolute; top: 0; } div.radio-div label{ cursor: pointer; color: #787d80; font-size: 12px; vertical-align: middle; } .regular-radio + label{ -webkit-appearance: none; appearance: none; -moz-appearance: none; background-color: #fafafa; border: 1px solid #cacece; border-radius: 50px; display: inline-block; position: relative; width: 12px; height: 12px; margin-right: 8px; } .regular-radio:checked + label:after{ content: ' '; width: 8px; height: 8px; border-radius: 50px; position: absolute; top:2px; background: #99a1a7; left: 2px; cursor: pointer; } div.radio-div label.radio-lab{ width: auto; display: inline-block; color: #555; } /* checked样式 */ /* checkbox样式方法一较好 */ .checkbox-demo .demo-label{ float: left; display: inline-block; color: #555; font-size: 12px; } .checkbox-demo .demo-label.marright10{ margin-right: 10px!important; } .checkbox-demo .demo-checkbox{ opacity: 0; } .checkbox-demo span.demo-checkInput{ background-color: #fff; border: 1px solid rgba(0,0,0,0.15); border-radius: 0 !important; display: inline-block; height: 12px; margin-left: -15px; margin-right: 5px; vertical-align: middle; width: 12px; line-height: 1; margin-top: 4px; } .checkbox-demo .demo-checkbox:checked + .demo-checkInput:after{ /*background-color: #99a1a7;*/ border-radius: 0 !important; content: "\2714"; display:inline-block; height: 8px; margin-left: 2px; width: 8px; color: #99a1a7; } /* checkbox样式方法二不建议 */ .regular-checkbox { /*display: none !important;*/ float: left; position: relative; opacity: 0; } .regular-checkbox + label { position: absolute; margin-left: -15px; background-color: #fafafa; border: 1px solid #cacece; padding: 6px; display: inline-block; position: relative; font-size:12px!important; cursor: pointer; margin-bottom: 0px!important; margin-top: 2px!important; margin-right: 5px!important; } .regular-checkbox:checked + label { border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; font-size:12px!important; margin-bottom: 0px!important; } .regular-checkbox:checked + label:after { content: '\2714'; font-size: 12px!important; position: absolute; top: -4px; left: 2px; color: #99a1a7; } /*当在表格页面时*/ table.table thead tr th.talign_c { text-align:center; } .tab-from-inp{ border: 1px solid #E5E5E5; padding-top: 10px; } .tab-from-inp .row-fluid{ height: auto !important; } .tab-from-inp .row-fluid .span3,.tab-from-inp .row-fluid .span4,.tab-from-inp .row-fluid .span6{ padding: 0; margin: 0; } .tab-from-inp .row-fluid .span3 .control-group{ float: left; margin-bottom: 10px; } .tab-from-inp .row-fluid label{ font-size: 12px; } .tab-from-inp .row-fluid .span3 label.small{ width: 80px; } .tab-from-inp .row-fluid .span3 .controls{ margin-left: 100px; } table.table a[class^="icon-"], table.table a[class*=" icon-"] { display: inline-block; text-align: center; float: left; text-decoration: none; color: #444; cursor: pointer; width: 16px; height: 16px; line-height: 16px; margin: 0 3px; font-size: 12px; } table.table a:hover{ text-decoration: underline; } @media (max-width: 480px){ .tab-from-inp .row-fluid .span3 .controls { margin-left: 0; } } /*当在表格页面时,日期input宽度*/ .m-wrap.smalldate { width: 150px !important; } /*F309-菜品设置*/ .tab-from-inp .row-fluid-line .span3 .control-group{ margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1300px){ .row-fluid-line .span3,.row-fluid-line .row-line{ width: 49.3%; float: left; } } /*当在iframe页面*/ .iframe-form .control-group{ margin-bottom: 5px; } /* form 自定义 END */ /* form 自定义- 查询 */ .cardtrans-serch{ float: left; width: 100%; height: auto; padding: 10px 0; border: 1px solid #E5E5E5; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ margin-bottom:15px; } .cardtrans-serch .Search-input { padding-left: 10px; margin-bottom: 10px; margin-top: 5px; position: relative; height: 32px; float: left; min-width: 150px; } .cardtrans-serch .Search-input label { font-size: 12px; float: left; text-align: right; display: inline-block; height: 32px; line-height: 32px; padding-right:5px; padding-left:10px; margin-right: 10px; } .cardtrans-serch .Search-input input { float:left; font-size: 12px; } .cardtrans-serch .Search-input select { float:left; font-size: 12px; margin-top:-2px!important; } .update-edit ul li select { float: left; font-size: 12px; margin-top: 0px !important; } .cardtrans-serch .Search-input input.readonly{ background: #f4f4f4; } .cardtrans-serch .Search-input span.selectex-wrap{ height:30px; line-height:30px; border:1px solid #DDDDDD; display:inline-block; padding:0px; position:relative; } .cardtrans-serch .Search-input span.selectex-wrap a{ cursor:pointer; background-image:url(../img/search.png); background-repeat:no-repeat; background-size:15px 15px; position:absolute; right:6px; top:4px; z-index:30; } .cardtrans-serch .Search-input span.selectex-wrap input{ width:100%; height:30px; line-height:30px;} .cardtrans-serch .required { color: #e02222; font-size: 12px; padding-left: 2px; } .cardtrans-serch.error .help-inline { color: #b94a48; } .Search-input.error label,.Search-input.error span,.Search-input.error input,.Search-input.error select,.Search-input.error textarea,.Search-input.error button{ color: #b94a48; } .Search-input.error input,.Search-input.error select,.Search-input.error textarea,.Search-input.error button{ border: 1px solid #b94a48;; } .cardtrans-serch em.red { color: red; font-style: normal; } .cardtrans-serch div.div_date { display:inline-block; float: left; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ .cardtrans-serch .Search-input select::-ms-expand { display: none; } .cardtrans-serch .Search-input i { z-index: 10; color: #FF6600; padding-left: 8px; width: 120px; position: absolute; right: -134px; height: 30px; line-height: 30px; background-color: #FFDBC4; top: 0px; border: 1px solid #FF8800; } .cardtrans-serch .Search-input i.hide { display: none; } .cardtrans-serch .Search-input span.btn-Serach { cursor: pointer; display: inline-block; position: absolute; right: 4px; top: 0px; width: 25px; height: 32px; z-index: 10; background: url(../img/search.png) no-repeat center center; background-size: 15px 15px; } .cardtrans-serch .Search-btn { padding-left: 30px; float: left; min-height: 32px; padding-bottom: 10px; padding-top: 5px; } .cardtrans-serch .Search-btn input { margin-right: 5px; height: 32px; line-height: 32px; border: 0px; min-width: 60px; color: White; font-size: 15px; padding-left: 10px; padding-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .cardtrans-serch .Search-btn button { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .cardtrans-serch .Search-btn input.btn1 { background-color: #4D8CFD; } .cardtrans-serch .Search-btn input.btn2 { background-color: #FF8800; } .cardtrans-serch .Search-btn input.btn1:hover{ background-color: #387fff; } .cardtrans-serch .Search-btn input.btn2:hover { background-color: #ff7700; } .cardtrans-serch span.required,.cardtrans-serch span.help-inline{ float:left;} /* 查询 Search-input PUBLIC */ /* 表格分页 PUBLIC */ .tab-page{ float: left; width: 100%; padding-bottom:20px; } .tab-page .page-select{ float:left; padding-right:10px;} .tab-page .page-select select{ margin-top:0px!important; height:32px!important;} .tab-page .page-left{ float: left; height: 40px; line-height: 40px; text-align: left; font-size: 12px; color: #333333; } .tab-page .page-left span{ display: inline-block; height: 40px; line-height: 40px; font-size: 14px; color: #a0a0a0; } .tab-page span.everycount{ padding-left: 18px; padding-right: 18px; } .tab-page span.currentpage{ padding-left: 16px; } .tab-page span.pagecount{ padding-right: 16px; } .tab-page .page-right{ float: right; height: 40px; line-height: 40px; text-align: left; font-size: 14px; /*border-right: 1px solid #dddddd;*/ } .tab-page .page-right a{ display: inline-block; float: left; height: 30px; line-height: 30px; text-align: center; font-size: 12px; border: 1px solid #dddddd; /*border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd;*/ cursor:pointer; margin-left: -1px; color: #333333; padding-left:12px; padding-right:12px; } ..tab-page .page-right a.disabled{ color: #999; } .tab-page .page-right .pagenavigate{ float: left; } .tab-page .page-right .pagenavigate span { display: inline-block; float: left; text-align: left; } .tab-page .page-right a:hover{ background: #f5f5f5; color:#333333; text-decoration:none; } .tab-page .page-right a.Select{ background: #f5f5f5; color: #333333; text-decoration:none; } /* 分页跳转 */ .tab-page .page-right .change_page{ float: left; display: inline-block; } .tab-page .page-right .change_page span{ display: inline-block; float: left; height: 28px; line-height:28px; padding-left: 10px; padding-right: 10px; text-align: center; font-size: 12px; color: #555; } .tab-page .page-right .change_page input[type="text"]{ display: inline-block; float: left; width: 46px; height: 22px; line-height:22px; padding-left: 5px; padding-right: 5px; text-align: center; font-size: 12px; color: #555; margin-top: 0px; } .tab-page .page-right .change_page input[type="button"]{ display: inline-block; float: left; height: 32px; line-height:32px; padding-left: 6px; padding-right: 6px; text-align: center; font-size: 12px; color: #555; background:#fff; border: 1px solid #ccc; margin-right: 5px; } /* 表格分页 PUBLIC */ /*当在table页面 iframe自定义 */ tbody tr.ui-dialog-title-inner,tbody tr.ui-dialog-title-inner td{ background-color: rgb(255, 255, 190) !important; } tbody tr.ui-dialog-title-inner td{ border-left: 0px !important; } .inner_dialog-iframe{ padding: 0 !important; word-wrap: break-word; word-break: break-all; border: 0; } .inner_dialog-iframe .ui-dialog,.inner_dialog-iframe .ui-dialog .ui-dialog-titlebar{ background: transparent !important; } /*当在table页面 iframe自定义 */ /* table 自定义 */ table.table th,table.table td,table.table a,table.table span,table.table label{ font-size: 12px; } table.table td.warning-empty{ text-align: center; font-size: 14px; } .portlet-body{ position: relative; } .portlet-body .table th,.portlet-body .table td{ font-size: 12px; } .portlet-body .btn-group { position: absolute; left: -18px; top: 10px; z-index: 97; } .portlet-body a.btn{ display: inline-block; float: left; width: 18px!important; height: 36px!important; padding: 0; text-align: center; line-height: 36px; border: 1px solid #ddd; } .portlet-body a.btn i{ font-size: 12px; } .portlet-body .dropdown-menu{ left: 0; } .table .details{ background-color: #eee !important; } /* 当table列表过多时，添加class=tab-more */ table.tab-more thead th{ font-size: 12px; } table.tab-more thead th{ min-width: 50px; } table.tab-more thead th.mix-wid60{ min-width: 60px; } table.tab-more thead th.mix-wid80{ min-width: 80px; } table.tab-more thead th.mix-wid100{ min-width: 10px; } table.tab-more thead th.mix-wid120{ min-width: 120px; } /* 当table td内容需要分上下行显示时，添加class=tab-split */ table.tab-split thead th{ font-weight: lighter; } table.tab-split th,table.tab-split td{ padding: 5px; } table.tab-split thead tr{ background: #f1f7f9; border: 1px solid #D7E4EA; } table.tab-split th,table.tab-split td{ text-align: center; vertical-align: middle; border-left: 1px solid #D7E4EA; border-top: 1px solid #D7E4EA; } table.tab-split tbody>tr:hover>td{ background: transparent !important; background: #F3FAFC !important; } table.tab-split span{ display: block; margin: 0; padding: 0; width: 100%; min-height: 0px!important; } table.tab-split span.tab-span-1{ color: #000; } table.tab-split tbody span.tab-span-2{ color: #888; } /* table合计背景色 */ table.table tr.tableHe{ background: #FDE8DE; } table.table tr.tableHe td{ color: #ed4801; } table.tab-split tr.tableHe span.tab-span-1{ color: #ed4801; } table.tab-split tr.tableHe span.tab-span-2{ color: #c43d02; } /* table文字颜色 */ table.table tbody tr td span.red{ color: red!important; } table.table tbody tr td span.green{ color: green!important; } /* table a标签 */ table.table tbody td a,table.table tbody td a *,table.table tbody td a *:before{ cursor: pointer!important; } /* table无数据时 */ table.table tfoot td.tftdNull { text-align:center; } table.table tfoot td.tftdNull i { display: inline-block; font-style: normal; } table.table tbody tr.warning td,table.table tfoot tr.warning td,table.table tbody tr.loading td{ text-align: center; } /* table添加滚动条 */ /*.divtab_nowrap{ width: 100%; overflow: auto; } table.tab-stafflist{ white-space: nowrap; } table.tab-stafflist th.td_7{ width: 7%; } table.tab-stafflist th.td_10{ width: 10%; }*/ /* 当table td内容只许在一行显示时，添加class=tab-space */ table.tab-space tbody tr td,table.tab-space thead tr th { white-space: nowrap!important; } /* table 自定义 */ /* 修改密码 */ .ui-dialog, .ui-dialog .ui-dialog-content{padding:0;} .changepwd-from{ float: left; width: 100%; height: auto; padding-top: 10px; } .changepwd-from .changepwd-input{ position: relative; width: 100%; height: 27px; line-height: 27px; padding: 10px 0; } .changepwd-from .changepwd-input label{ width: 15%; height: 27px; float: left; text-align: right; line-height: 27px; margin: 0; font-size: 14px; } .changepwd-from .changepwd-input input{ width: 24%; height: 25px; font-size: 14px; border-radius: 5px; border: 1px solid #D8D8D8; } .changepwd-from .changepwd-input span{ height: 27px; line-height: 27px; margin: 0; } .changepwd-from .changepwd-input span.pwd-span{ color: #1b1b1b; } /* 表单验证 */ .changepwd-from .changepwd-input span.warn{ position: absolute; display: inline-block; border: 1px solid #c7bf93; width: 24%; font-size: 12px; background: #fff9c9; color: #FF0000; text-indent: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 1px 1px #fff9c9; -moz-box-shadow: 0px 0px 1px 1px #fff9c9; box-shadow: 0px 0px 1px 1px #fff9c9; } .pwd-sub{ float: left; width: 100%; padding: 10px 0; margin-top: 10px; background: #D8D8D8; } .pwd-sub input{ width: auto; height: auto; padding: 6px 13px 5px; font-size: 12px; border-radius: 5px; border: 0; float: right; margin-right: 11px; color: #FFFFFF; } .pwd-sub input.org{ background: #ea8432; } .pwd-sub input.gray{ background: #a0a0a0; margin-right: 31px; } .pwd-sub input.org:hover { background-color: #ff7700; } .pwd-sub input.gray:hover { background-color: #989696; } /* 修改密码 */ .dropdown{ } .dropdown ul.dropdown-menu{ display:none;} .dropdown:hover ul.dropdown-menu{ display:block;} /* right-遮罩 */ #rightshade{ display: none; position: absolute; z-index: 98; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } /* BEGIN index */ .home-link{ margin-bottom: 20px; } .home-link .h4{ width: 100%; height: 40px; } .home-link .h4 span{ height: 40px; line-height: 40px; margin-left: 18px; color: #FFFFFF; font-size: 14px; } .hrow-2 .h4{ background: #ffb948; border: 1px solid #ffb948; } .hrow-2 .home-link-list{ width: 100%; height: 78px; border: 1px solid #ffb948; } .hrow-3 .h4{ background: #35ab46; border: 1px solid #35ab46; } .hrow-3 .home-link-list{ width: 100%; height: 78px; border: 1px solid #35ab46; } /* 常用功能常用设置 */ .home-link-list a{ display: inline-block; width: 240px; text-align: left; height: 78px; line-height: 78px; margin-left: 18px; color: #1c1c1c; cursor: pointer; } .home-link-list a i{ display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; margin-right: 3px; } .hrow-2 .home-link-list a i{ border-left: 10px solid #ffb948; } .hrow-3 .home-link-list a i{ border-left: 10px solid #35ab46; } /* END index */ /* BEGIN F109批量退卡 */ .container-fluid .batch-count { float: left; width: 100%; height: 40px; margin-top: 22px; border: 1px solid #b4c3af; background: #ddecd8; } .container-fluid .batch-count label,.container-fluid .batch-count span{ display: inline-block; float: left; /* height: 40px; */ line-height: 40px; font-size: 14px; } .container-fluid .batch-count label{ margin-left: 17px; color: #444844; } .container-fluid .batch-count span{ color: #819f42; } /* END F109批量退卡 */ /* BEGIN 当前页面弹出DIV */ .div_ui_dialog{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .div_ui_dialog .ui_dialog_shade{ display: block; position: absolute; z-index: 98; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } .div_ui_dialog .div_edit_details{ position: relative; margin: auto auto; margin-left: auto; margin-right: auto; margin-top: 169px; margin-bottom: auto; border-top-left-radius: 4px!important; border-top-right-radius: 4px!important; overflow: hidden; } .div_edit_details{ width: 510px; display: block; } .div-ui-now{ width: 160px; text-align: right; } .div-ui-now .check_box_fl{ float: right; } .check_box_fl label{ float: left; } /* END 当前页面弹出DIV */ /* BEGIN 当前页面弹出DIV-动态口令 */ .div_audit_ui{ position: relative; margin: auto auto; margin-left: auto; margin-right: auto; margin-top: 269px; margin-bottom: auto; border-top-left-radius: 4px!important; border-top-right-radius: 4px!important; overflow: hidden; width: 450px; } /* END 当前页面弹出DIV-动态口令 */ /* BEGIN F104人员管理 */ .container-fluid .cardserch-count{ margin-top: 0; } .ui-button-design{ padding-bottom: 10px; overflow: auto; padding-top: 10px; background-color: #eee; } .ui-button-design a { display: inline-block; margin-right: 10px; margin-left: 10px; color: #333333; } .ui-button-design a img { width: 48px; height: 48px; display: block; } .ui-button-design span { display: block; line-height: 12px; padding-top: 14px; text-align: center; } .ui-button-design a:hover{margin-right: 10px; margin-left: 10px;} /* 卡操作页面 */ .bg_carddetail{ background: #FFFFFF; float: left; width: 100%; height: auto; display: table; content: ""; } .bg_carddetail ul{ float: left; } .bg_carddetail ul,.bg_carddetail li{ list-style: none; margin: 0; padding: 0; } .bg_carddetail li{ height: 25px; line-height: 25px; } .bg_carddetail .ofauto { overflow: auto; } .bg_carddetail span,.bg_carddetail strong,.bg_carddetail label{ float: left; } .bg_carddetail .mleft5 { margin-left: 5px; } .bg_carddetail .green { color: #4B7C1B; } .bg_carddetail a{ display: inline-block; float: left; height: 20px; line-height: 20px; padding: 3px 3px; text-decoration: none; color: #000000; cursor: pointer; width: 12px; height: 12px; } .bg_carddetail a.icon-ok{ display: none; } .bg_carddetail a:hover{ text-decoration: underline; } .bg_carddetail input.credit{ float: left; width: 80px; margin: 0; padding: 0; border: 1px solid #C5C5C5; text-indent: 2px; border-radius: 4px!important; font-size: 100%; height: 20px; display: none; } .bg_carddetail label{ font-size: 12px; line-height: 25px; margin-bottom: 0px; } .bg_carddetail label input { float:left; margin-top: 6px; } /* END F104人员管理 */ /* BEGIN M1-F105开票 */ /* END M1-F105开票 */ /* BEGIN M1-开单 */ .detail_info{ width: 100%; float: left; } .detail_info label,.detail_info span{ display: inline-block; float: left; line-height: 27px; font-weight: bold; font-size: 14px; } .detail_info label{ color: #404040; margin-left: 10px; } .detail_info span{ color: #EE7E1A; } .detail_info button.btn{ float: left; margin-left: 20px; } .detail_info_g{ background: #EEFAD6; border: 1px solid #B5D56D; padding: 0; border-radius: 5px!important; width:100%; overflow:hidden; } .detail_info_g .detail_info_g_div label{ margin-left: 10px; } .detail_info_g label{ /*margin-left: 10px;*/ } .detail_info_g label,.detail_info_g span{ display: inline-block; float: left; line-height: 27px; font-size: 12px; white-space: nowrap; } .detail_info_g span strong{ font-weight: bold; color: #62A426; } .detail_info_g .cardtrans-serch{ margin-bottom: 0; } .detail_info_g .Search-input label{ width: auto; padding: 0; margin: 0; } .detail_info_g .Search-input input[type="text"]{ background: #FFFFFF; } .detail_info_g .div_check_isfalse{ float: left; margin-top: 10px; margin-left: 15px; } .detail_info_g .div_check_isfalse label,.detail_info_g .div_check_isfalse input{ float: left; } .detail_info_g .div_check_isfalse label{ margin-top: 0; margin-bottom: 0; margin-right: 0; line-height: 20px; } .detail_info_g a{ display: inline-block; float: left; margin-top: 10px; margin-left: 15px; font-size: 12px; cursor: pointer; } /* END M1-开单 */ /* BEGIN M3-S309菜品设置 */ .container-fluid .list_red{ margin: 0; background: #FCCFCF; border: 1px solid #EB979B; } .container-fluid .list_red span{ color: #9B4449; text-indent: 5px; } .prodlist-tab td a{ float: left; } .prodlist-tab td img{ width: 35px; height: 26px; } .prodlist-tab td label{ display: inline-block; margin-left: 5px; } .table-striped tbody>tr.prolist-red>td{ background-color: #FDE8DE; } .table-striped tbody>tr.prolist-red:hover>td{ background-color: #F5F5F5; } /* M3-S309菜品设置-更多 */ .row-fluid-fleft{ position: relative; } .prodlist-fleft{ width: 100%; float: left; } .prodlist-fleft fieldset { width: 100%; background-color: #fff; border: 1px solid #CCCCCC; box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.15); clear: both; margin: 0 auto; padding-bottom: 6px; } .prodlist-fleft fieldset legend { width: auto; font: 12px/1.5 Microsoft YaHei,Verdana; color: #555555; display: block; margin-bottom: 0px; color: #333; margin-left: 8px; border: 0; } .prodlist-fleft fieldset .prodlist-fleft-div{ position: relative; } .prodlist-fleft select{ margin-top:5px!important;} fieldset .prodlist-fleft-tab{ width: 100%; border-collapse: collapse; margin: 0; width: 100%; clear: both; font-size: 12px; background-color: #fff; } fieldset .prodlist-fleft-tab thead tr { background: url(../../Theme/METRONIC/image/table-header.png) repeat-x scroll left bottom #F5F5F5; } fieldset .prodlist-fleft-tab thead tr th { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 6px; font-style: normal; font-weight: 500; text-align: left; } fieldset .prodlist-fleft-tab thead tr th:first-child,fieldset .prodlist-fleft-tab tbody tr td:first-child{ border-left: medium none; width: 30%; } fieldset .prodlist-fleft-tab tbody tr td { border-left-color: #BEBEBE !important; padding: 4px 6px; margin: 0;word-break: keep-all;white-space:nowrap; } fieldset .prodlist-fleft-tab td input { border: 1px solid #ccc; height: 20px; width: 80px; margin: 0px 2px; text-indent: 2px; border-radius: 4px!important; font: 12px/1.5 Microsoft YaHei,Verdana; color: #555555; } .fleft-btn button{ position: absolute; right: 5px; bottom: 5px; } /* M3-S309菜品设置-detail */ .prodlist-inpdetail{ border: 0; } .prodlist-inpdetail label{ min-width: 80px; text-align: right; } .pdl-inpwid100{ display: block; width: 100%; float: left; height: auto !important; } .pdl-inpwid100 .taste{ float: left; min-width: 494px; float: left; } /*.pdl-inpwid100 .pdl-talign{ float: left; min-width: 700px; height: auto; border: 1px solid #ccc; background: #f8f8f8; list-style: none; margin: 0; } .pdl-inpwid100 .pdl-talign label{ width: 100px; float: left; text-align: left; } .pdl-inpwid100 .pdl-talign label input{ float: left; outline: none; margin-top: 10px; margin-right: 3px; text-align: left; }*/ .pdl-inpwid100 textarea{ width: 700px; resize:none; } .prodlist-inpdetail .detail-check{ float: left; max-width: 720px; height: auto; border: 1px solid #ccc; background: #f8f8f8; list-style: none; margin: 0; height: auto; } .prodlist-inpdetail .detail-check li{ min-width: 90px; float: left; padding-left: 10px; height:35px; } .prodlist-inpdetail .detail-check li input[type="checkbox"]{ margin-top: 10px; } .prodlist-inpdetail .detail-check label{ padding: 6px; width: auto; height: auto; line-height: 20px; min-width: 0px!important; margin-right: 0!important; } .prodlist-inpdetail .detail-check label.check_lab{ margin-top: 10px!important; } /* END M3-S309菜品设置 */ /* BEGIN M3-S307消费策略 */ .policy-comdiv{ float: right; } .policy-comdiv .label_pay_mode input{ margin-top: 10px; margin-right: 5px; } .policy-comdiv .Search-btn .form-inpsub{ padding-left: 0!important; } .common-tab td { color: #848583; } .common-tab td span.col1{ color: Red; } .common-tab td span.col2 { color: #B93800; } .common-tab td span.col5 { color: #B2430B; font-weight: bold; } .container-fluid .common-red { margin: 0; background: #FCCFCF; border: 1px solid #EB979B; height: auto; } .container-fluid .common-red span{ display: block; color: #9B4449; width: 100%; text-indent: 5px; margin: 0; } /* 消费策略-子页面 */ .commsave-page{ border: 0; padding-left:20px; } .commsave-page h3{ color: #555555; font-size: 24px; } .commsave-page .commsave-div{ width: 100%; height: auto; } .commsave-div .commsave-row{ float: left; width: 100%; height: auto; margin: 6px 0; } .commsave-div .commsave-row ul.commsave-check{ float: left; width: auto; } .commsave-div .commsave-row ul.commsave-check li{ float: left; margin-top: 6px; margin-right: 5px; } .commsave-div .commsave-row ul.commsave-check li label{ float: left; font-size:12px; } .commsave-row select,.commsave-row input{ float: left; width: auto !important; margin: 0px 2px; border: 1px solid #C5C5C5; border-radius: 4px!important; font-size: 12px!important; height: 28px!important; line-height: 28px!important; padding: 0px!important; word-wrap: normal; color: #555555!important; } .commsave-row select { height: 30px!important; margin-top:0px!important; } .commsave-row input[type="checkbox"]{ border-radius: 0 !important; } .commsave-row input.w40{ width: 40px !important; /*height: 17px !important;*/ } .commsave-row span{ float: left; display: inline-block; color: #555555; font-size: 12px; line-height: 32px; } .commsave-page .commsave-group{ padding: 0; margin: 0; min-width: 0px !important; } .commsave-row button.addimg{ background-color: #4386BC; border: 1px solid #416B8B; color: #FFFFFF; border-radius: 3px 3px 3px 3px!important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); padding: 4px 10px; font-size: 12px; margin-left: 5px; } .commsave-row button.addimg:hover,.commsave-row button.addimg:active,.commsave-row button.addimg:visited{ background-color: #4386BC!important; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset !important; } .commsave-row input[type="radio"]{ margin: 0; } .commsave-row.marright0 .radio-div{ margin-right: 8px; } .commsave-row.marright0 .regular-radio + label{ margin-right: 0px; } .commsave-row span.selectex-wrap{ width: auto; height: 28px; line-height: 28px; padding: 0 5px; border: 1px solid #C5C5C5; border-radius: 4px!important; background: #EBEBE4; color: #B2430B; font-weight: bold; } .commsave-row span.group-item.col1{ color: #555555; } .commsave-page h3 input.commsave-remark{ width: 300px; height: 27px; border-radius: 4px!important; font-size: 18px; } .commonsave-red{ position: absolute; right: 20px; width: 300px; background: #FCCFCF; border: 1px solid #EB979B; height: auto; border-radius: 3px 3px 3px 3px !important; line-height: 30px; margin-top: -25px; padding-left: 5px; } .commonsave-red span,.commonsave-red label{ display: block; width: 100%; color: #9B4449; font-size: 14px; } /* 广告屏 */ .commsave-row ul.div_imge{ float: left; } .commsave-row ul.div_imge li{ margin-top: 6px; margin-bottom: 6px; overflow: hidden; line-height: 27px; width: 160px; height: 140px; float: left; list-style: none; margin: 10px; padding: 10px; } .commsave-row ul.div_imge li div { width: 160px; padding-top: 10px; padding-bottom: 10px; } .commsave-row ul.div_imge li div img{ width: 160px; height: 120px; } .commsave-row ul.div_imge li div a.icon-imge{ display: block; cursor: pointer; position: absolute; margin-left: 140px; color: #CCCCCC; background-color: #BC4343 !important; font-size: 14px; line-height: 18px; width: 18px; height: 18px; border-radius: 2px!important; text-align: center; text-decoration: none; } .commsave-row ul.div_imge li div:hover{ border-color: #9a9fa4; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.85); } /* 广告屏-详情页面 */ .aspolicy_div{ padding-top: 30px; } .aspolicy_div .check_a{ margin-left: 20px; } .aspolicy_div .check_a a{ display: inline-block; cursor: pointer; } .aspolicy_img ul.aspolicy_ul{ float: left; } .aspolicy_img ul.aspolicy_ul li{ margin-top: 6px; margin-bottom: 6px; overflow: hidden; line-height: 27px; width: 190px; height: 220px; float: left; list-style: none; margin: 10px; padding: 10px; } .aspolicy_img ul.aspolicy_ul li div { width: 190px; padding-top: 10px; } .aspolicy_img ul.aspolicy_ul li div input{ display: block; margin-bottom: 5px; background-color: transparent!important; } .aspolicy_img ul.aspolicy_ul li div img{ width: 180px; height: 135px; } .aspolicy_img ul.aspolicy_ul li div p{ padding-bottom: 2px; text-align: center; } .aspolicy_img ul.aspolicy_ul li:hover{ border-color: #9a9fa4; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.85); } /* END M3-S307消费策略 */ /* BEGIN M3-S306价格策略 */ .cardtrans-serch .pricesave_text{ display: block; width: 100%; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ } .cardtrans-serch .pricesave_text textarea{ width: 500px; height: 25px; resize: none; } .cardtrans-serch .pricesave_btn{ float: left; padding-left: 10px; } .cardtrans-serch .pricesave_btn .form-inpsub{ float: left; padding-left: 0px!important; } .cardtrans-serch label.orange_n{ background: #DE7616; border: 1px solid #9F570A; color: #FFFFFF; margin-left: 2px; margin-right: 2px; border-top: 1px solid #d12610; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); cursor: pointer; font-family: Microsoft Yahei; outline: medium none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); padding-top: 3px; padding-bottom: 2px; font-size: 12px; vertical-align: top; text-align: center; overflow: visible; display: inline-block; position: relative; line-height: normal; } .cardtrans-serch label.orange_n span { padding: 1.5px 10px; display: block; line-height: normal; color: #FFFFFF; cursor: pointer; font-family: Microsoft Yahei; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size: 12px; } .cardtrans-serch label.orange_n:hover{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset !important; } .pricesave_btn .form-inpsub{ position: relative; float: left; } .pricesave_btn .form-inpsub input[type="radio"]{ opacity: 0; position: absolute; } .pricesave_btn .form-inpsub label:hover{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset !important; } .pricesave_btn .pricesave_icon{ float: left; margin-left: 15px; } .pricesave_btn .pricesave_icon a{ display: inline-block; color: #333333; text-decoration: none; margin-top: 10px; margin-right: 5px; font-size: 10px; } .pricesave_btn .pricesave_icon a span{ color: #2584B0; font-size: 10px; } .pricesave_fr{ float: right; } .cardtrans-serch .pricesave_fr .Search-input{ margin-top: 0px!important; } .cardtrans-serch .pricesave_fr .Search-input input{ width: 80px; border-radius: 5px!important; } .pricesave_fr .pricesave_add{ float: left; padding-left: 0!important; } .pricesave_fr .pricesave_add input{ width: 80px!important; } .pricesave_fr .pricesave_add button{ font-size: 12px; } .pricesave_fr .pricesave_from{ position: relative; float: left; margin-left: 15px; } .pricesave_fr .pricesave_from input[type="checkbox"]{ opacity: 0; position: absolute; } .pricesave_fr button.blue_n{ border-radius: 3px 3px 3px 3px!important; } /*.pricesave_fr button.blue_n:hover,.pricesave_fr button.blue_n:active,.pricesave_fr button.blue_n:visited{ background-color: #4386BC!important; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset !important; }*/ .cardtrans-serch label.opacity8,.cardtrans-serch button.opacity8{ opacity: 0.8; } /* 加上此样式去除提交marbom */ .form .form-actions.form-marbom{ margin-bottom: 0!important; } /* 表格 */ /* 表格check */ .price_tbody .pricetab_check{ float: left; padding-left: 1px; } .price_tbody input,.price_tbody select { border-radius: 4px!important; background: #FFFFFF!important; font-size: 12px; width: 90px; height: 27px; padding: 0px; } .price_tbody input{ height: 25px; } .price_tbody input[type="checkbox"] { width: 14px; height: 14px; } .price_tbody tr td{ vertical-align: middle; } .price_tbody tr td div.w150{ width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .price_tbody tr td label{ float: left; } .price_tbody tr td label.demo-label .demo-checkInput{ margin-top: -5px; } /* 表格img */ .price_tbody tr td div.w150 img{ height: 58px; width: 58px; } .price_paper{ float: left; width: 100%; height: 28px; background: #444; clear: both; } .price_paper .total_number { color: #FFFFFF; display: block; float: left; margin-top: 10px; margin-left: 8px; } .price_paper .total_number strong{ color: #C5D52B; text-shadow: 0 0 6px rgba(197, 213, 42, 0.5); } .price_warning{ position: absolute; margin-top: 3px; width: 300px; background: #FCCFCF; border: 1px solid #EB979B; height: auto; border-radius: 3px 3px 3px 3px !important; line-height: 30px; } .price_warning span,.price_warning label{ display: block; width: 100%; color: #9B4449; font-size: 14px; } .price_warning span i{ margin: 0 10px; } /* END M3-S306价格策略 */ /* BEGIN M3-R303餐厅营业汇总表 */ .repshop-inp input,.repshop-inp select{ /*border-radius: 4px!important;*/ font-size: 12px; } .repshop-inp .marleft30{ margin-left: 30px; } .canvas-div{ height: 204px; padding: 2px; background: #F2F2F2; display: none; } .canvas-chart{ height: 200px; } /* END M3-R303餐厅营业汇总表 */ /* BEGIN M3-R313单位分餐汇总表 */ table.table .tab-center{ text-align: center; } table.tab-group thead th{ font-size: 12px; min-width: 50px; padding: 8px 5px; } table.tab-group tbody td{ /*padding: 8px 5px;*/ } table.tab-group thead th.tab-min0{ min-width: 0; } /* END M3-R313单位分餐汇总表 */ /* BEGIN M3-R315支付方式汇总表 */ /* END M3-R315支付方式汇总表 */ /* BEGIN M3-S311员工管理 */ /* END M3-S311员工管理 */ /* BEGIN M3-S310商品库存设置*/ .stock_tbody td span.stock_green{ color: green; } .stock_tbody td .stock_check label{ float: left; font-size: 12px; color: #555555; } .stock_tbody td div.w150{ width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .stock_tbody input{ border-radius: 4px!important; background: #FFFFFF!important; } /* 库存面板 */ .stock_refresh{ float: right; width: auto; margin-right: 14px; margin-bottom: 10px; margin-top: 5px; } .stock_refresh span{ display: inline-block; float: left; padding: 3px 0; } .stock_refresh .refresh-radio{ float: left; list-style: none; margin: 0; border: 1px solid #CCCCCC; padding: 3px 10px 0px 10px; border-radius: 5px!important; } .stock_refresh .refresh-radio li{ float: left; margin-right: 10px; } .stock_refresh .refresh-radio li label{ margin-right: 2px; } .stock_refresh .refresh-radio li label.radio-lab{ margin-left: 0; margin-right: 5px; } /* END M3-S310商品库存设置 */ /* BEGIN M5-S503微信菜单维护 */ .WeChat-menu{ margin-left: 0; } .WeChat-menu a{ cursor: pointer; } .WeChat-menu button.btn{ float: left; margin-left: 0; height: 50px; } .WeChat-ul{ float: left; width: 100%; list-style: none; margin: 0; padding: 0; background: #FBFBFB; border-top: 1px solid #BCBCBC; border-left: 1px solid #BCBCBC; border-bottom: 1px solid #BCBCBC; } .WeChat-ul li{ float: left; border-right: 1px solid #BCBCBC; text-align: center; height: 40px; margin: 0; padding: 0; line-height: 40px; color: #555555; cursor: pointer; /* border不包含在宽度中 */ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .WeChat-ul li span{ float: right; height: 40px; line-height: 40px; padding-right: 4px; } /* END M5-S503微信菜单维护 */ /* BEGIN M5-S505广告屏图片设置 */ .asplist-div{ padding: 8px 10px; border-bottom: 1px solid #eee; margin-bottom: 0px; border: 1px solid #bcbcbc; box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.15); background: #F7F7F7; } .asplist-div .caption { display: inline-block; font-size: 18px; font-weight: 400; margin: 0; padding: 0; margin-top: 4px; } .asplist-headr{ float: right; } .asplist-headr button{ border-radius: 5px !important; } .asplist-all{ margin-top: 5px; background: #F7F7F7; padding: 15px 0; } .asplist-all .asplist-item{ position: relative; float: left; padding: 18px; background: #FFFFFF; text-align: center; margin-left: 15px; margin-bottom: 10px; } .asplist-item .asplist-trash{ position: absolute; top: 5px; left: 1px; font-size: 18px; } .asplist-item img{ width: 180px; height: 135px; display: block; } .asplist-item p{ width: 100%; text-align: center; margin: 0; padding: 0; padding-top: 5px; } /* END M5-S505广告屏图片设置 */ /* BEGIN M5-F504工作台设置 */ .com-menu-div{ background-color: #F8F8F8; border: 1px solid #BCBCBC; box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.15); clear: both; margin: 0 auto; padding-bottom: 6px; } .com-menu-div .com-menu-title{ background-image: none; font-size: 15px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; padding: 0 28px 0 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, .7); border: 1px solid #edf5f8; border-bottom: 1px solid #b6bec5; background-color: #D3DBE1; cursor: move; } .com-menu-div .com-menu-title .title { display: block; overflow: hidden; font-weight: bold; margin: .5em; font-size: 15px; color: #555555; } .com-menu-div .check_box { vertical-align: middle; line-height: 20px; margin-left: 15px; margin-right: 15px; } .com-menu-div .check_box ul { list-style: none; overflow: hidden; margin: 0; padding: 0; } .check_box_content li { border-bottom: 1px dotted #CACACA; padding-left: 2px; } .check_box_content li label{ width: auto; font-size: 13px; } .check_box_title{ display: block; padding-top: 5px; } .check_box_title label{ float: left; } .check_box_content ul.second_menu { margin-left: 20px; clear: both; } ul.second_menu li{ width: 24.5%; float: left; border: 0; } ul.second_menu label{ float: left; } .all_com_check{ padding: 10px 0 20px 0; } .all_com_check label{ float: left; } .form-comcheck{ margin-top: 0px; background: #ccc; border: 1px solid #BCBCBC; border-top: none 0; padding: 10px 24px; text-align: right; clear: both; overflow: auto; } /* END M5-F504工作台设置 */ /* BEGIN M5-S501系统设置 */ .container-fluid .error-txt-red { margin: 0; background: #FCCFCF; border: 1px solid #EB979B; height: auto; float: left; width: 100%; } .container-fluid .error-txt-red span { display: block; color: #9B4449; width: 100%; text-indent: 5px; margin: 0; float: left; height: 40px; line-height: 40px; font-size: 14px; } .container-fluid .error-txt-red i{ margin-right: 10px; font-size: 16px; color: #FF6600; } .update-edit{ border: 0; } .update-edit h3{ color: #B93800; font-size: 24px; margin: 0; } .update-edit ul{ list-style: none; margin: 0; padding: 0; } .update-edit ul li{ width: 100%; display: block; float: left; margin-top: 6px; margin-bottom: 6px; overflow: auto; line-height: 27px; } .update-edit ul li input,.update-edit ul li select{ font-size: 12px; margin: 0px 2px; border: 1px solid #C5C5C5; text-indent: 2px; height: 25px!important; border-radius: 4px!important; padding: 0; float: left; color: #555555; } .update-edit ul li select{ height: 27px!important; } .update-edit ul li span{ font-size: 12px; color: #555555; line-height: 27px; float: left; } .update-edit ul li i.red{ font-style: normal; color: #FF0000; } .update-edit ul li .ui-widget-content { overflow: hidden; background: #fff; } .update-edit ul li a.ui-slider-handle { top: -.3em; margin-left: -.6em; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; background:#ffffff; border: 1px solid #ddd; display: none; /*border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;*/ } .update-edit ul li a.ui-state-active { display:block; } /* 部门/单位 */ .update-edit ul li .page-iframe-inp{ padding-left: 0; float: left; margin: 0; padding: 0; } .update-edit ul li .page-iframe-inp input{ font-size: 12px; float: left; line-height: 27px; } .update-edit ul li .page-iframe-inp span.btn-Serach { cursor: pointer; display: inline-block; position: absolute; right: 30px; top: 0px; width: 25px; height: 27px; z-index: 10; background: url(../img/search.png) no-repeat center center; background-size: 15px 15px; } /* 餐厅门户设置-个人中心权限设置 */ .update-edit ul li ul.config_check{ float: left; clear: none; border-radius: 4px!important; width: auto; padding: 5px 0px 0px 0px; border: 1px solid #ccc; background: #f8f8f8; } .update-edit ul.config_check li{ width: auto; padding: 0 5px; } .update-edit ul.config_check li input,.update-edit ul.config_check li label{ float: left; color: #555555; font-size: 12px; } /* END M5-S501系统设置 */ /* BEGIN M5-S507赛科参数设置 */ .skconfig-div ul li span { font-size: 20px; color: #555555; line-height: 27px; float: left; } .skconfig-div .radio-div{ margin-right: 10px; } .skconfig-div .radio-div label{ margin-right: 2px; } .skconfig-div ul li ul.skconfig-check{ width: 300px; padding: 0 10px; } .skconfig-div ul.skconfig-check li{ width: 90px; } .skconfig-div ul.skconfig-check li.check_li{ width: 100%; font-size: 12px; } .skconfig-div ul li.check_li a { color: #FF9900; text-decoration: none; cursor: pointer; margin-right: 5px; } .skconfig-div ul li.check_li a:hover{ color: rgb(148,201,65); text-decoration: underline; } /* END M5-S507赛科参数设置 */ /* 导卡 */ .imcard-fleft legend strong{ font-size: 15px; } .imcard-dr{ border: 0; } .imcard-input{ float: left; min-width: 0px!important; } .imcard-input select{ width: auto; border-radius: 4px!important; font-size: 12px; height: 27px; } .imcard-input input[type="text"]{ border-radius: 4px!important; font-size: 12px; } .imcard-input label{ float: left; font-size: 12px; } .imcard-input .imcard-check{ float: left; margin-top: 12px; margin-left: 10px; } .imcard-input input.w40{ width: 40px; } .imcard-btn{ float: left; display: block; width: 100%; margin-bottom: 15px; } .imcard-sub{ float: left; padding-left: 10px; } .imcard-sub button{ float: left; } .imcard-dr textarea{ float: left; resize: none; margin-left: 10px; width: 80%; border-radius: 4px!important; } .imcard-dr button.plbtn{ border-radius: 4px!important; margin-left: 5px; } /* BEGIN弹出窗 */ /* UC_Amt_B.html充值确认 */ .form-horizontal .ucamt-inp{ text-align: center; margin-top: 20px; margin-bottom: 20px!important; } .ucamt-inp span.font26px{ font-size: 26px !important; color: #333; } .ucamt-inp input[type="text"]{ border: 0; border-bottom: 1px solid #333; } /* 餐盘 */ .dish_check_tab img{ width: 40px; height: 40px; } .dish_check_tab tbody{ height: 300px; overflow: auto; } /* 菜品 */ ul.goods_check_ul{ float: left; list-style: none; width: 100%; margin: 0; padding: 0; height: auto; background: #FFFFFF; } .goods_check_ul li{ float: left; list-style: none; width: 24%; margin: 0; padding: 6px 2px; line-height: 27px; vertical-align: middle; color: #333; } .goods_check_ul li label{ float: left; } .goods_check_ul li label span{ margin-top: 0px!important; } .goods_check_insub{ float: left; } .goods_check_insub label{ float: left; } .goods_check_insub label span{ margin-top: -2px!important; } .goods_check_insub .demo-label{ margin-right: 10px; } .form-checksub { border: 0; padding-left: 10px!important; } /* loading */ .uiproess-div label,.uiproess-div span{ display: block; width: 100%; text-align: center; font-size: 16px; color: #333333; height: 40px; line-height: 40px; margin: 0; margin-left: 0!important; padding: 0; } .uiproess-div span{ font-size: 14px; color: #DD0000; height: 40px; line-height: 40px; margin: 0; margin-left: 0!important; padding: 0; } .uiproess-div .progress{ width: 100%; float: left; border-radius: 15px!important; margin-top: 20px!important; margin-bottom: 20px!important; } .uiproess-div .progress .bar{ border-radius: 15px!important; } /* BEGIN 餐厅弹出窗 */ .talign_shop,.talign_shop li{ list-style: none; margin: 0; padding: 0; } .talign_shop li{ float: left; width: 33.3333333%; background: #F4F6F5; text-indent: 10px; border-bottom: 1px solid #ccc; height: 26px; line-height: 26px; } .talign_shop li{ color: #333; cursor: pointer; } .talign_shop li.active{ color: #dd1b55; } .talign_shop li.active2{ background: #FF6600; color:white; } .talign_shop li:hover{ background: #c5d62b; } .shopui-serch{ margin-bottom: 0!important; } .row-divlist{ width: 100%; float: left; min-height: 180px; } .insub-marbom0{ margin-bottom: 0!important; } /*系统未检索到任何信息 */ .shopui-empty{ width:100%; text-align: center; background: #F4F6F5; border-bottom: 1px solid #ccc; line-height: 27px; display:block; color: #333; } .shopui-empty:hover{ color: #333; text-decoration: none; } /* END 餐厅弹出窗 */ /* 充值账单 */ .ucp_rech_div{ width: 300px; } .ucp_rech_h3{ width: 100%; text-align: center; font-weight: 500; color: #555555; font-size: 18px; } .ucp_rech_div .div_glo{ width: 100%; height: auto; float: left; } .ucp_rech_div .bor_bottom { border-bottom: 1px dashed #ccc; } .ucp_rech_div .ucp_ul{ list-style: none; margin: 0; padding: 0; } .ucp_rech_div .ucp_ul li{ overflow: auto; line-height: 27px; } .div_glo ul li label { width: 145px; text-align: left; text-indent: 5px; float: left; line-height: 27px; cursor: default; font-size: 12px; color: #555; } .div_glo ul li label span { float: right; } .div_glo ul li span{ font-size: 12px; line-height: 27px; } .div_glo ul li span.ucp_span_r { float: right; width: auto; padding: 0 3px; } .div_glo ul li span.bold{ padding: 0 3px; } .ucp_rech_div ul.write-ul{ list-style: none; margin: 15px 0; } /* 留言管理子页面 */ .msgdetail_div{ width: 100%; padding-bottom: 20px; } .msgdetail_div .ul_info ul li{ width: 100%; padding: 3px 0px 0px; margin-top: 5px; margin-bottom: 5px; float: left; line-height: 27px; } .msgdetail_div .ul_info ul li strong{ font-weight: bold; font-size: 16px; line-height: normal; color: #555555; } .msgdetail_div .ul_info ul li label { display: inline-block; float: left; width: 220px; line-height: normal; font: 12px/1.5 Microsoft YaHei,Verdana; color: #555555; } .msgdetail_div .ul_info ul li.padding_10_0_20 { padding: 10px 0px 20px; } .msgdetail_div .ul_ans{ min-width: 300px; height: 300px; overflow: auto; border: 1px solid #ccc; font: 12px/1.5 Microsoft YaHei,Verdana; color: #555555; padding: 10px 20px; } .msgdetail_div .ul_ans li .msg-content{ text-align: right; } .msgdetail_div .ul_ans li .msg-content .a_who { vertical-align: top; } .a_sy .msg-content label { background-color: #f3fbff; border: 1px solid #E0E0E0; background-image: -moz-linear-gradient(center bottom, #e6f7ff, #f3fbff); background-image: -webkit-gradient(linear, center bottom, center top, from(#e6f7ff), to(#f3fbff)); background-image: -o-linear-gradient(center bottom, #e6f7ff, #f3fbff); background-image: linear-gradient(center bottom, #e6f7ff, #f3fbff); margin-right: 2em; word-break: break-all; } .msgdetail_div .ul_ans li .msg-content label { padding: .5em 1em; cursor: pointer; text-decoration: none; color: #666666; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: 4px; display: inline-block; max-width: 500px; position: relative; } .a_sy .msg-content label:after { position: absolute; content: "\00a0"; width: 0px; height: 0px; border-width: 8px 0px 8px 18px; border-style: solid; border-color: transparent transparent transparent #e6f7ff; right: -18px; top: 5px; } /* 分页 */ .msgdetail_div .dataTables_paginate{ float: right; margin-top: 0px; } .msgdetail_div .dataTables_info{ margin-left: 20%; } .msgdetail_div .ans_text textarea{ float: left; width: 580px; height: 75px; padding: 0; overflow: auto; resize: none; border-radius: 3px!important; } .msgdetail_div .ans_text span{ display: inline-block; float: left; font: 12px/1.5 Microsoft YaHei,Verdana; color: #555555; } .msgdetail_div .ans_text button{ margin-top: 30px; border-radius: 3px!important; font-size: 12px; } /* END弹出窗 */ .noty_error{ cursor:pointer; background-color:#FF8800; z-index:29999; position:fixed; left:250px; top:0px; width:99%; padding-left:1%; line-height:60px; color:white; font-size:14px; } .noty_success{ cursor:pointer; background-color:#4d90fe; z-index:29999; position:fixed; left:250px; top:0px; width:99%; padding-left:1%; height:60px; line-height:60px; color:white; font-size:14px; } input:focus, textarea:focus { outline: none!important; } /*begin登录*/ .LoginMain{ width:600px; height:500px; position:fixed; left:50%; top:50%; margin-left:-300px; margin-top:-220px;} .LoginMain .Logo{ width:420px; margin:0px auto; height:106px; padding-bottom: 15px; text-align:center; clear:both; overflow:hidden;} .LoginMain .Logo img{ width: 106px; height: 106px;} .LoginMain .Main{ position:relative; width:385px; height:485px; background-color:White; margin:0px auto;-moz-box-shadow:0px 1px 3px #CCCCCC; -webkit-box-shadow:0px 1px 3px #CCCCCC; box-shadow:0px 1px 3px #CCCCCC;} .LoginMain .Main .Title{ height:90px; clear:both; overflow:hidden; line-height:90px; text-align:center; font-size:25px; padding-top:30px;} .LoginMain .Main .logon_error{ position:absolute; top: 85px; width: 100%; text-align:center; color:#FF6600; height:40px; line-height:40px; } .LoginMain .Main ul.TextBox{ padding-top:1px; clear:both; overflow:hidden; width:290px; margin:0px auto;} .LoginMain .Main ul.TextBox li{ padding:0px; margin:0px; clear:both; overflow:hidden; margin-bottom:20px; } .LoginMain .Main ul.TextBox li.TT1{ position:relative; height:38px; border:1px solid #DDDDDD; -webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important;} .LoginMain .Main ul.TextBox li.TT1 input{ padding:0px; padding-left:36px; margin:0px; width:290px; border:0px; height:38px; line-height:38px; } .LoginMain .Main ul.TextBox li.TT1 input.user{ background:url(image/user.png) 11px center no-repeat; background-size:15px auto; } .LoginMain .Main ul.TextBox li.TT1 input.pass{ background:url(image/pass.png) 11px center no-repeat; background-size:15px auto; } .LoginMain .Main ul.TextBox li.TT2{ margin-top:-20px; margin-bottom:0px; height:55px; } .LoginMain .Main ul.TextBox li.TT2 p{ float:left; height:55px;} .LoginMain .Main ul.TextBox li.TT2 p.PP1{ width:25px;} .LoginMain .Main ul.TextBox li.TT2 p.PP1 input{width: 16px;height: 16px; margin-top:19px;appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url(image/gou1.png) center center no-repeat; background-size:100% 100%;} .LoginMain .Main ul.TextBox li.TT2 p.PP1 input:checked{background:url(image/gou2.png) center center no-repeat; background-size:100% 100%;} .LoginMain .Main ul.TextBox li.TT2 p.PP2{ line-height:55px; font-size:13px;} .LoginMain .Main ul.TextBox li.TT2 p.PP3{ float:right;} .LoginMain .Main ul.TextBox li.TT2 p.PP3 input{ font-family:微软雅黑; height:40px; width:135px; text-align:center; line-height:40px; color:White; font-size:18px; background-color:#FF7A3C; border:0px;border-radius:8px; -webkit-border-radius:8px;-moz-border-radius:8px;} .LoginMain .Main ul.TextBox li.TT2 p.PP3 input:hover{ cursor:pointer; background-color:#FF6600;} .LoginMain .Main ul.TextBox li.TT2 a{ float:right; display:inline-block; height:45px; line-height:46px;} .LoginMain .Main ul.TextBox li.TT3{ color:#CCCCCC; clear:both; overflow:hidden; padding-top:100px; line-height:35px; text-align:center;} .LoginMain .Main ul.TextBox li.TT4{ } .LoginMain .Main ul.TextBox li.TT4 input{ font-size:16px; color:white; overflow:hidden; height:40px; line-height:40px; width:100%; border:0px; background-color:#FF994A;border-radius:5px!important; -webkit-border-radius:5px!important;-moz-border-radius:5px!important;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;} .LoginMain .Main ul.TextBox li.TT4 input:hover{ background-color:#FF7700;} .LoginMain .Texts{ padding-top:10px; line-height:26px; color:White; text-align:center; clear:both; overflow:hidden;} .LoginMain .Err_UserName{ color:#FF6600; position:absolute; left:470px; top:235px; height:50px; line-height:40px;} .LoginMain .Err_PassWord{ color:#FF6600; position:absolute; left:470px; top:305px; height:50px; line-height:40px;} /*end登录*/ .hidden{ display: none;} .line_red { background: #FCCFCF; border: 1px solid #EB979B; color: #9B4449;padding: 5px;padding-left: 15px; } /* BEGIN S311-员工管理-添加弹出窗 */ .form-staffAdd label.control-label{ width: 100px!important; } .form-staffAdd .controls { margin-left: 120px; } ul.staff_check{ float: left; clear: none; border-radius: 4px!important; width: 300px; padding: 5px 0px 0px 0px; border: 1px solid #ccc; background: #f8f8f8; padding: 0 10px; } ul.staff_check li{ float: left; width: 90px; padding: 0 5px; } ul.staff_check li.check_li{ width: 100%; } ul.staff_check li input,ul.staff_check li label{ float: left; color: #555555; font-size: 12px; } ul.staff_check li.check_li a { color: #FF9900; text-decoration: none; cursor: pointer; margin-right: 5px; } ul.staff_check li.check_li a:hover{ color: rgb(148,201,65); text-decoration: underline; } /* END S311-员工管理-添加弹出窗 */ .editfrm{ clear:both; overflow:hidden;} .editfrm ul.talign_r{ clear:both; overflow:hidden;} .editfrm ul.talign_r li{ padding-bottom:10px; clear:both; overflow:hidden;} .editfrm ul.talign_r li label{ margin-left:20px; float:left; display:inline-block; height:30px; line-height:30px; min-width:100px} .editfrm ul.talign_r li input{ margin-right:10px; float:left;} .editfrm ul.talign_r li span{ display:inline-block; height:30px; line-height:30px; float:left; padding-right:10px;} .editfrm ul.talign_r li input:checkbox{ margin-top:20px;} .MessRed{ margin-bottom:15px; clear:both; overflow:hidden; padding:10px; line-height:25px;background: #FCCFCF; border: 1px solid #EB979B; color: #9B4449;} /* BEGIN 气泡提示 */ /*气泡提示*/ .ui-tooltip{ border:1px solid #ccc;padding:3px 8px; width:auto;} /*-----气泡提示内容换行*/ .ui-tooltip .ui-tooltip-content{word-wrap: break-word;word-break: break-all;} /*-----气泡提示内容颜色*/ .ui-tooltip-validator {border:1px solid #c7bf93; background:#fff9c9; color:Red;padding:3px 8px;} /* END 气泡提示 */ ul.CacheBox{ width:240px; clear:both; overflow:hidden; } ul.CacheBox li{ clear:both; overflow:hidden; line-height:20px; height:20px;} .CacheBoxUL{ clear:both; overflow:hidden; width:100%;} .CacheBoxUL .Box{ padding:0px; margin:0px; padding-bottom:30px; float:left; width:240px; overflow:hidden; clear:none;} .col5{ color:#DD0000;} .col_green{ color:green!important; font-weight:lighter;} .col_red{ color:red!important;} /* ----选择*/ span.selectex-wrap { border: 1px solid #ccc; float: left; background:#EBEBE4; border-radius: 4px 4px 4px 4px; height:25px; line-height:25px; text-indent:3px; } span.selectex-wrap input{ height:25px; margin-right:0px;line-height:25px;} ul li .ui-button{ float:left;} ul.optprsn { margin-left:32px; } ul.optprsn li span { color:#717273; } ul.optprsn li em { font-weight:bold; color:#3E650B; margin-right:10px; } .editfrm ul.optprsn li em { color:#3E650B; } /* ===== a标签颜色 ======*/ .tb_list_sel_shop_all tbody tr td a, .tb_list_sel_shop_check tbody tr td a { color:#333333; } .tb_list_sel_shop_all tbody tr td a.red, .tb_list_sel_shop_check tbody tr td a.red { color:red; } .tb_list_sel_shop_all tbody tr td a:hover, .tb_list_sel_shop_check tbody tr td a:hover { color:#333333; text-decoration:underline; } .tb_list_sel_shop_all tbody tr td a.red:hover, .tb_list_sel_shop_check tbody tr td a.red:hover { color:red; text-decoration:underline; } .accordion, .accordion ul, .accordion li, .accordion a, .accordion span { margin: 0; padding: 0; border: none; outline: none; } .accordion li { list-style: none; } /* editfrm ul li */ .editfrm ul li lable { width:100px; } .editfrm ul li { margin-top: 6px; margin-bottom:6px; overflow: auto; line-height:27px; } .editfrm.li_m_n ul li{ margin-top:0; margin-bottom:0;} .editfrm ul li a { font-weight:bold; line-height:27px; } .editfrm ul li a:hover { text-decoration:underline;} .editfrm ul li p { color:Red; } .editfrm ul li em{ margin-left:4px;color:red;} .editfrm input.text_big, .text_big{height:31px; font-size:18px; width:200px;} .editfrm input.text_big.width_70,.text_big.width_70{width:70px;} .check_isfalse input{ margin-top:10px;} .hide{ display:none} .button-row{ margin-top:5px; padding-top:3px; padding-bottom:7px; background-color:#F4F4F4; clear:both; overflow:hidden; text-align:right; padding-right:10px;} .button-row input{ border-radius:5px;} .tablefoot12{ font-size:12px;} .tablefoot12 th{ font-size:12px;} .tablefoot12 td{ font-size:12px;} table.batchDetailtab{ font-size:12px; border:1px solid #D7E4EA; width:100%;} table.batchDetailtab th{ width:9%; border-bottom:1px solid #D7E4EA; background-color:#F1F7F9; padding:3px; word-break: keep-all;white-space:nowrap; height:30px; line-height:30px; } table.batchDetailtab th.TH1{ } table.batchDetailtab td{ border-bottom:1px solid #D7E4EA; padding:3px; word-break: keep-all;white-space:nowrap; height:25px; line-height:25px; } table.batchDetailtab input{ width:70px; font-size:12px; height:23px; line-height:23px; padding:0px; margin:0px;} table.batchDetailtab input.Remark{ width:70px;} table.batchDetailtab th input{ width:70px; font-size:12px; height:23px; line-height:23px; padding:0px; margin:0px; margin-left:-5px;} table.batchDetailtab th input.Remark{ width:70px;} table.batchDetailtab .hide{ display:none;} .col_green{ background-color:#F7FDF7;} .bg_red{ background-color:#FDE8DE; color:#DD0000;} #pager_remark_list ul.pages { display:block; border:none; text-transform:uppercase; font-size:10px; padding:0; float:right; } #pager_remark_list ul.pages li { list-style:none; float:left; border:1px solid #DDDDDD; text-decoration:none; color:#555555; font-family:Arial; padding:2px; padding-left:9px; padding-right:9px; } #pager_remark_list ul.pages li:hover { border:1px solid #AAAAAA; } #pager_remark_list ul.pages li.pgEmpty { border:1px solid #DDDDDD; color:#BBBBBB; } #pager_remark_list ul.pages li.pgCurrent { border:1px solid #003f7e; color:#333333; font-weight:700; background-color:#eee; } .Search-inputDetail { position:relative;} .Search-inputDetail .ui-icon-search{ display:none;} #err_msg{ clear:both; overflow:hidden; line-height:20px; padding-top:5px;} #err_msg table{ width:100%;} #err_msg table td{ padding:3px; height:20px; line-height:20px; background-color:#E1EEF1;} .error{ color:Red; } .nowrap { white-space:nowrap; } .wrap { white-space:normal; } .error label.control-label{ color:black!important; } .error .controls input{ border:1px solid #DDDDDD; } /* 内页动态口令弹出窗 */ .Audit_div{ } /* 省略号显示（…）*/ .ellipsis{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .IncoiceMsg{ margin-bottom:15px; border:1px solid #B5D56D; clear:both; overflow:hidden; background-color:#EEFAD6; padding:10px; line-height:25px;} .IncoiceMsg p{ padding:0px; margin:0px; clear:both; overflow:hidden; } .IncoiceMsg label{ display:inline-block; height:25px; line-height:25px; float:left; color:#333333;} .IncoiceMsg strong{ margin-right:10px; display:inline-block; height:25px; line-height:25px; float:left; color:#7CA426;} .ProessCon { width:600px; height:260px; clear:both; overflow:hidden; } .ProessCon .Title { line-height:40px; font-size:14px; color:#DD0000; text-align:center; padding-top:20px; } .ProessCon .Title span { font-size:16px; color:#333333; } .ProessCon .List{ position:relative; height:20px; width:505px; margin:0px auto; background-color:#E5E5E5; clear:both; border:1px solid #CCCCCC; margin-top:20px; behavior: url(PIE.htc);-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; overflow:hidden; } .ProessCon .List span { position:absolute; left:0px; top:0px; height:20px; width:100%; text-align:center; z-index:100;} .ProessCon .List p { position:absolute; left:0px; top:0px; border-left:1px solid #669431; border-right:1px solid #669431; height:20px; background:url(../image/Press.png) left center repeat-x; behavior: url(PIE.htc);-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; overflow:hidden; } .ProessCon .Texts { line-height:80px; text-align:center; font-size:18px; color:#333333; } /* ====== blockUI(旧弹出层)======*/ .ui_title { cursor:move; } .div_edit_details { display:none; } .ui_title_left { background:url(../images/bloukl.png); width:13px; height:30px; float:left; } .ui_title_middle { background:url(../images/blouk.jpg); width:374px; height:30px; float:left; line-height:30px; font-size:14px; font-weight:bold; text-align:left; color:#404040; } .ui_title_right { background:url(../images/bloukr.png); width:13px; height:30px; float:left; } .ui_title_middlew674 { width:674px; } .ui_blockw698 { width:698px; } .ui_block { width:398px; background-color:#fff; border-top:1px solid #E4E4E4; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; clear:both; text-align:left; min-height:50px; } .ui_block .editfrm ul li select{ margin-top:0px!important;} .ui_block_borderbtm { border-bottom:1px dotted #cacaca; padding-bottom:6px; } .close_unblock:hover { background:#E6E6E6; /*border-top:1px solid #595757; border-right:1px solid #595757; border-left:1px solid #595757;*/ color:#f79a06; text-decoration:none; } .close_unblock { background:#F9F9F9; height:17px; width:24px; float:right; font-size:12px; margin-top:12px; *margin-top:-17px; border-top:1px solid #E4E4E4; border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4; line-height:20px; text-align:center; color:#8D8B8B; } .pager { background:#444; clear:both; overflow:auto; } .td_3 { width:3%; } .td_4 { width:4%; } .td_5 { width:5%; } .td_7 { width:7%; } .td_10 { width:10%; } .td_12 { width:12%; } .td_15 { width:15%; } .td_30 { width:30%; } .ui-draggable .ui-dialog-titlebar { cursor: move } /* input搜索样式-public */ .pub-serch { position:relative; float: left; } .pub-serch span.btn-Serach { cursor: pointer; display:block; width:15px; height:15px; position:absolute; right:5px; top: 8px; background: url(../img/search.png) no-repeat center right !important; background-size: 15px 15px!important; } /* input搜索样式-public */ /* input搜索样式-多余部分隐藏 */ .Search-input a span.ui-icon.ui-icon-search { display:none; } /* input搜索样式-多余部分隐藏 */ .btn-Serach2 { cursor: pointer; display: inline-block; position: absolute; right: 140px; top: 0px; width: 32px; height: 28px; z-index: 100; background: url(../img/search.png) no-repeat center center; background-size: 15px 15px; } .menu-searchCha{ width:40px!important; } .menu-searchCha #serch_btn{ margin-left:5px!important; } .menu-searchCha .SearchTextBox{ display:none;} .menu-searchCha ul{ display:none; } .menu-search ul a{ color:#FFFFFF; display:inline-block; width:100%;} .menu-search ul li{ background-color:#FF6600;} .menu-search #serch_ul{ margin-left:25px!important; border:1px solid #444444;} div.mf_container { margin-left:0px!important; } .form-horizontal .control-group{ margin-bottom:10px;} .bg_green{ background-color:#EEF8E4!important; border-top-color:#C9E9A9!important; margin-bottom:-1px!important;} .help-red{ color:red;} /* 定义滚动条样式 Start */ /*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ .submenu-nav::-webkit-scrollbar { width: 5px; height: 16px; background-color: #F5F5F5; } /*定义滚动条轨道内阴影+圆角*/ .submenu-nav::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } /*定义滑块内阴影+圆角*/ .submenu-nav::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #CCC; } /* 定义滚动条样式 End */ /* 定义表格滚动条样式 Start */ /*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ div.tab-scroll{ /*border-left:1px solid #ddd; border-right:1px solid #ddd;*/ float:left; height:auto; } div.tab-scroll::-webkit-scrollbar { width: 16px; height: 8px; background-color: #F5F5F5; } /*定义滚动条轨道内阴影+圆角*/ div.tab-scroll::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } /*定义滑块内阴影+圆角*/ div.tab-scroll::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #CCC; } /* 定义表格滚动条样式 End */ /* 滚动条样式-public Start */ /*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ .public-scroll{ border-left:1px solid #ddd; border-right:1px solid #ddd; float:left; height:auto; } .public-scroll::-webkit-scrollbar { width: 8px; height: 16px; background-color: #F5F5F5; } .public-scroll.height::-webkit-scrollbar { width: 16px; height: 8px; background-color: #F5F5F5; } /*定义滚动条轨道内阴影+圆角*/ .public-scroll::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } /*定义滑块内阴影+圆角*/ .public-scroll::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #CCC; } /* 滚动条样式-public End */ /* 更新日志 Start */ .portlet.box .caption_name{ color:#555; font-size: 16px; margin: 10px 0px; } .portlet.box .journal_div { padding-left: 20px; background: #ffffff; height: 300px; overflow-y:auto; font-size: 12px; color:#555; /*border:1px solid #46759c;*/ } .portlet.box .p-ver { width: 100%; height: 50px; /*background: #46759c;*/ margin: 0; padding: 0; } .portlet.box .p-ver span { display: inline-block; height: 50px; line-height: 50px; color: #FFFFFF; font-size: 14px; width: auto; float: left; text-align: left; text-indent: 18px; } /* 更新日志 End */ .color_red{ color:red;} .float_left{ float:left;} .chechlength{ width:15px!important; height:15px!important;} /* 关于我们Start */ .AboutUs_div div.h4 { float:left; display:block; width:100%; font-size:21px; color: #ea8432; font-weight: bold; } .AboutUs_div div.Address{ float:left; display:block; width:100%; margin-top: 20px; } .AboutUs_div div.Address span { display: inline-block; width: 100%; height : 30px; line-height:30px; float: left; text-align: left; color:#333; font-size: 14px; } .AboutUs_div div.Addr_Map { float:left; display:block; width:100%; height:240px; border:1px solid #d5d5d5; border-radius:15px!important; overflow: hidden; margin-top: 20px; } .AboutUs_div div.Version_div span { font-size: 14px; height: 54px; line-height: 54px; color: #333; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ } .AboutUs_div div.Update_log{ float:left; margin-top: 25px; width:100%; height:auto; /*overflow-y: auto;*/ overflow-y:visible!important; } .AboutUs_div div.Update_log textarea { font-family: 宋体; padding-left: 8px; padding-top: 10px; width: 100%; min-height: 240px; word-wrap: break-word; border-width: 0px; border-style: solid; border-color: rgb(117, 196, 249); text-indent: 0px; resize:none; overflow-y:visible!important; border: 1px solid #d2d2d2; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ } /* 关于我们End */ .col1{ color:red; background-color:#FFECEC; } #progressbar{ margin-top:-18px; position:relative; margin-bottom:5px;} #progressbar span{ text-align:center; color:#000; background:none; display:inline-block; position:absolute; left:0px; top:0px; height:18px; line-height:18px; width:400px; z-index:200;} .ui-progressbar-value{ position:absolute; left:0px; top:0px; height:18px; z-index:10; background-color:#FF8800!important;} .Input_Searchs{ width:44.5%; min-width:120px; height:22px;border: 1px solid #DDDDDD; background-image:url(../img/search.png)!important; background: url(../img/search.png) no-repeat center right !important; background-size:16px 16px !important;} .red{color:red;} .xieti{ font-style:oblique;} /*-----------------------------------------------------------------------------*/ .infoloading{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,0.4);} .infoloading p{ display:inline-block; overflow:hidden; position:absolute; left:50%; top:50%; width:80px; height:80px; margin-left:-40px; margin-top:-40px; background: url(image/loading.gif) no-repeat center center !important; background-size:80px 80px !important; background-color:white!important; border-radius:50%!important; -moz-border-radius:50%!important; -webkit-border-radius:50%!important;} p.cardtypelist{ padding-left:5px; padding-right:25px; position:relative; float:left; border:1px solid #DDDDDD; line-height:25px; margin-right:6px;} p.cardtypelist span{ cursor:pointer; color:red; position:absolute; right:5px; height:25px; line-height:25px; font-size:14px; font-weight:bold; top:0px;} /*---begin菜品营养提示--------*/ .ProdTip{ clear:both; overflow:hidden; width:1290px; margin:0px auto; padding-left:30px; padding-right:30px; padding-bottom:30px; padding-top:50px;} .ProdTip .Title{ line-height:95px; height:95px; clear:both; overflow:hidden;} .ProdTip .Title span{ margin-top:21px; font-size:46px; float:left; width:58px; height:58px; color:White; text-align:center; line-height:58px; background-color:#333333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .ProdTip .Title label{ float:left; margin-left:20px; line-height:95px; display:inline-block; color:#333333; font-size:55px;} .ProdTip .Color{ clear:both; overflow:hidden; height:55px; } .ProdTip .Color img{ margin-top:15px; margin-right:20px;} .ProdTip .Tip{ clear:both; overflow:hidden; height:95px; line-height:45px; color:#999999; font-size:18px; } .ProdTip ul.Sale{ width:1400px; clear:both; overflow:hidden; height:450px;} .ProdTip ul.Sale li{ margin-right:41px; float:left; width:390px; height:350px; border:6px solid #EDEDED;} .ProdTip ul.Sale li p{ margin-left:30px; clear:both; overflow:hidden;} .ProdTip ul.Sale li p.PP1{ height:60px; line-height:60px; margin-top:15px; padding-left:18px; background:url(../image/Shu1.jpg) left center no-repeat; font-size:23px; color:#333333;} .ProdTip ul.Sale li p.PP11{background:url(../image/Shu1.jpg) left center no-repeat;} .ProdTip ul.Sale li p.PP12{background:url(../image/Shu2.jpg) left center no-repeat;} .ProdTip ul.Sale li p.PP13{background:url(../image/Shu3.jpg) left center no-repeat;} .ProdTip ul.Sale li p.PP2{ height:65px;} .ProdTip ul.Sale li p.PP2 span{ display:inline-block; width:78px; height:23px; border:2px solid #FDDDDF; text-align:center; line-height:23px; color:#F3575D; font-size:14px;} .ProdTip ul.Sale li p.PP2 span.Orl{ border:2px solid #FFF0D4; color:#FFA800;} .ProdTip ul.Sale li p.PP2 span.Green{ border:2px solid #D6F2E9; color:#31BD8F;} .ProdTip ul.Sale li p.PP3{} .ProdTip ul.Sale li p.PP3 span{ width:50px; text-align:center; color:#333333; font-size:15px; font-weight:bold; display:inline-block; background-color:#F5F5F5; border:1px solid #DDDDDD; text-align:center; line-height:23px; height:23px;} .ProdTip ul.Sale li p.PP4{ padding-right:40px; padding-top:10px; height:85px; line-height:23px; color:#656565; font-size:16px;} .ProdTip .TitleType{ font-weight:bold; clear:both; overflow:hidden; height:105px; line-height:105px; font-size:33px; color:#333333;} .ProdTip .AutoType{ clear:both; overflow:hidden;} .ProdTip .AutoType table{ width:100%; clear:both; overflow:hidden; border-right:6px solid #EDEDED; background:url(../image/huibg.jpg) left bottom repeat-x;} .ProdTip .AutoType table th{ background:url(../image/huibg.jpg) left top repeat-x; padding-top:6px; width:50%; color:#333333; font-size:25px; height:60px; line-height:60px; text-align:left; padding-left:20px; border-left:6px solid #EDEDED;} .ProdTip .AutoType table th.LB{ border-left:25px solid #333333;} .ProdTip .AutoType table td{ background:url(../image/huibg.jpg) left top repeat-x; padding-top:6px; width:50%; color:#333333; font-size:25px; height:120px; text-align:left; padding-left:18px; border-left:6px solid #EDEDED;} .ProdTip .AutoType table td span{ display:inline-block; line-height:36px; font-size:18px; color:#333333; padding-right:20px; padding-left:5px;} .ProdTip .AutoType table td.LB1{ border-left:25px solid #F3575D;} .ProdTip .AutoType table td.LB2{ border-left:25px solid #FFB628;} .ProdTip .AutoType table td.LB3{ border-left:25px solid #31BD90;} .ProdTip .AutoType table td.PB{ padding-bottom:10px;} .ProdTip .TitleSe{ font-weight:bold; clear:both; overflow:hidden; height:185px; line-height:185px; font-size:33px; color:#333333;} .ProdTip ul.Process{ width:1520px; clear:both; overflow:hidden; height:430px;} .ProdTip ul.Process li{ float:left; width:505px; overflow:hidden;} .ProdTip ul.Process li p{ float:left;overflow:hidden; } .ProdTip ul.Process li p.PP1{ font-size:36px; color:#333333; width:205px; width:205px; text-align:center; line-height:205px; border:18px solid #31BD90;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .ProdTip ul.Process li p.PP12{ border:18px solid #FFB628;} .ProdTip ul.Process li p.PP13{ border:18px solid #F4585E;} .ProdTip ul.Process li p.PP2{ text-align:center; color:#333333; font-size:18px; text-align:center; padding-bottom:30px; width:140px; padding-right:25px; line-height:35px; height:30px; margin-top:75px; margin-left:65px; background:url(../image/jian.jpg) left bottom no-repeat} .ProdTip ul.Process li p.PP3{ clear:both; overflow:hidden; padding-left:65px; padding-top:30px; line-height:25px; color:#333333; font-size:16px;} .ProdTip .ProdInfo{ clear:both; overflow:hidden; padding-bottom:40px;} .ProdTip .ProdInfo table{ width:100%; clear:both; overflow:hidden; background:url(../image/shubg.jpg) left center repeat-y;} .ProdTip .ProdInfo table th{ height:25px; width:33.33%; overflow:hidden;} .ProdTip .ProdInfo table th.LB1{ background-color:#31BD90;} .ProdTip .ProdInfo table th.LB2{ background-color:#FFB628;} .ProdTip .ProdInfo table th.LB3{ background-color:#F3575D;} .ProdTip .ProdInfo table td{ width:33.33%; background:url(../image/huibg.jpg) left bottom repeat-x; padding-bottom:6px; color:#333333; font-size:25px; height:120px; text-align:left; padding-left:18px; border-right:6px solid #EDEDED;} .ProdTip .ProdInfo table td span{ display:inline-block; line-height:30px; font-size:18px; color:#333333; padding-right:20px; padding-left:10px;} .RoleAll { clear:both; overflow:hidden; border:1px solid #DDDDDD; border-bottom:0px; margin-right:25px!important; overflow:hidden; overflow-x:auto;} .RoleAll .Title{ clear:both; overflow:hidden; height:50px; line-height:50px; border-bottom:1px solid #DDDDDD; padding-left:15px; background-color:#F5F5F5;} .RoleAll .Title input{ width:14px; height:14px; border:1px solid #DDDDDD; float:left; margin-top:19px;} .RoleAll .Title span{ float:left; padding-left:10px; font-size:17px; display:inline-block; line-height:50px;} .RoleAll .RContent{ clear:both; overflow:hidden; border-bottom:1px solid #DDDDDD;} .RoleAll .RContent .RTitle{ margin-left:-13px!important; cursor:pointer; clear:both; overflow:hidden; height:45px; line-height:45px; } .RoleAll .RContent .RTitle input{ width:14px; height:14px; border:1px solid #DDDDDD; float:left; margin-top:16px;} .RoleAll .RContent .RTitle span{ float:left; padding-left:6px; font-size:15px;line-height:45px; display:inline-block;} .RoleAll .RContent .RTitle em{ display:inline-block; float:left; height:45px; width:38px; cursor:pointer;background: url(image/rico.png) no-repeat 18px center;} .RoleAll .RContent ul{ display:none; clear:both; overflow:hidden; padding-left:10px; padding-bottom:10px; padding-right:10px;} .RoleAll .RContent ul li{ float:left; width:25%; overflow:hidden; } .RoleAll .RContent ul li .ListItem{ overflow:hidden; width:initial; margin:5px; border:1px solid #DDDDDD; background-color:#F5F5F5; padding-top:5px; padding-bottom:5px;} .RoleAll .RContent ul li .ListItem .item{ width:200%; margin:0px; padding:0px; clear:both; overflow:hidden; padding-left:15px;} .RoleAll .RContent ul li .ListItem .item p{ padding:0px; margin:0px; clear:both; overflow:hidden; height:35px; line-height:35px;} .RoleAll .RContent ul li .ListItem .item p input{ width:14px; height:14px; border:1px solid #DDDDDD; float:left; margin-top:11px;} .RoleAll .RContent ul li .ListItem .item p span{ float:left; padding-left:6px; font-size:13px; line-height:35px; display:inline-block;} .RoleAll .RContent ul li .ListItem .item p.PP1{} .RoleAll .RContent ul li .ListItem .item p.PP2{ padding-left:22px;} .RoleAll .RContent ul li .ListItem .item p.PP3{ padding-left:44px;} .RoleAll .RContentOpen{} .RoleAll .RContentOpen .RTitle{ } .RoleAll .RContentOpen .RTitle em{ display:inline-block; float:left; height:45px; width:38px; cursor:pointer;background: url(image/dico.png) no-repeat 18px center;} .RoleAll .RContentOpen ul{ display:block;} .DropButton{ float:right; position:relative;} .DropButton button{ padding-right:25px;background: url(image/jian.png) no-repeat right center; background-size:auto 16px; } .DropButton button:link{padding-right:25px;background: url(image/jian.png) no-repeat right center; background-size:auto 16px;} .DropButton button:visited{padding-right:25px;background: url(image/jian.png) no-repeat right center; background-size:auto 16px;} .DropButton button:hover{padding-right:25px;background: url(image/jian.png) no-repeat right center; background-size:auto 16px;} .DropButton button:active{padding-right:25px;background: url(image/jian.png) no-repeat right center; background-size:auto 16px;} .DropButton p.Drop{ display:none;} .DropButton:hover p.Drop{ display:block; overflow:hidden; position:absolute; left:0px; top:30px; width:100px; border:1px solid #DDDDDD; background-color:white; -moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important;} .DropButton:hover p.Drop em{ font-size:12px!important; display:inline-block; width:100px; height:35px; line-height:35px; text-align:center;} .DropButton:hover p.Drop em:hover{ background-color:#4386BC; color:white; cursor:pointer;} .DropButton:hover p.Drop em a{ color:#333333;} .DropButton:hover p.Drop em:hover a{ color:white; text-decoration:none;} .TopDrop{ width:100px; height:26px; margin-top:8px; margin-left:5px;} .lineheadshop{ cursor:pointer; line-height:40px; color:white;} .lineheadshop span{ margin-left:8px; margin-right:10px; } .loadingfixed{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1000; background:url(image/5-121204193R0-50.gif) center center no-repeat; background-size:50px 50px;} .SelectShopWeb{ position:fixed; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:100; width:100%; height:100%; z-index:100000;} .SelectShopWeb .ShopMain{ position:absolute; left:50%; top:50%; margin-left:-350px; margin-top:-225px; width:702px; height:450px; background-color:white; overflow:hidden;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important;} .SelectShopWeb .ShopMain .Title{ background-color:#F0F0F0; clear:both; overflow:hidden; height:50px; line-height:50px; padding-left:15px; padding-right:15px;} .SelectShopWeb .ShopMain .Title span{ float:left; font-size:16px; font-weight:bold; color:#333333;} .SelectShopWeb .ShopMain .Title label{ float:right; display:inline-block; line-height:50px; color:#888888;} .SelectShopWeb .ShopMain .Items{ width:100%; height:370px; padding-top:15px; padding-left:15px; padding-right:15px; clear:both; overflow:hidden; overflow-y:auto;} .SelectShopWeb .ShopMain .Items p{transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s; margin-right:8px; margin-bottom:8px; text-align:center; border:1px dashed #DDDDDD; width:103px; overflow:hidden; font-size:13px; float:left; height:35px; line-height:35px;-moz-border-radius:3px!important;-webkit-border-radius:3px!important;border-radius:3px!important; } .SelectShopWeb .ShopMain .Items p a{ text-decoration:none!important; color:#333333!important; display:inline-block; width:100%; height:100%;} .SelectShopWeb .ShopMain .Items p:hover{ text-decoration:none!important; background-color:#2A3B4C; color:white!important;border:1px solid #DDDDDD; } .SelectShopWeb .ShopMain .Items p:hover a{ text-decoration:none!important; color:white!important;} .SelectShopWeb .closes{ font-family:'Arial Rounded MT'; cursor:pointer; color:white; z-index:100; position:absolute; left:50%; top:50%; margin-left:340px; margin-top:-241px; width:30px; height:30px; background-color:black!important; text-align:center; line-height:30px; font-size:18px;-moz-border-radius:50%!important;-webkit-border-radius:50%!important;border-radius:50%!important; } .SelectShopWeb .closes:hover{ background-color:#FF8800!important;} .user-shop-head{margin:0px; padding:0px; height:60px; clear:both; background-color:#2A3B4B;} .user-shop-head a.brand{ padding:0px!important; margin:0px!important; display:inline-block; float:left; width:280px;} .user-shop-head a.brand img{margin-top:13px;} .user-shop-head a.brand span.logoText{ font-family:微软雅黑!important; line-height:60px; font-size:20px; color:white; padding-left:20px!important;} .user-shop-head ul.pull-right{height:60px!important; float:right; padding-right:20px;} .user-shop-head ul.pull-right li{line-height:60px;} .user-shop-head ul.pull-right li.user{margin-top:0px!important; margin-right:-10px;} .user-shop-head ul.pull-right li.user a.dropdown-toggle{margin-top:0px!important; padding-top:0px!important;} .user-shop-head ul.pull-right li.user ul.dropdown-menu{} .user-shop-head ul.pull-right li.user span.username{ padding-left:5px;} .user-shop-head ul.pull-right li.user label.username{ padding-left:5px;} .user-shop-head ul.pull-right li.shop{margin-top:0px!important; margin-right:10px;} .user-shop-head ul.pull-right li.shop a.dropdown-toggle{margin-top:0px!important; padding-top:0px!important;} .user-shop-head ul.pull-right li.shop ul.dropdown-menu{} .user-shop-head ul.pull-right li.shop span.username{ padding-left:5px;} .user-shop-head ul.pull-right li.shop label.username{ padding-left:5px;} .user-shop-head ul.pull-right li.helper{ float:left; padding:0px; margin:0px; height:60px; padding-left:30px;} .user-shop-head ul.pull-right li.helper a{ padding:0px; margin:0px;} .user-shop-leftmuen{background-color:#2F4050!important; top:60px;} .user-shop-leftmuen span.menu-btn{ margin-bottom:0px!important; margin-top:15px!important; margin-right:10px!important; background-size:15px auto!important; width:38px!important; height:30px!important; background-color:#3D5378!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important; display:none!important;} .user-shop-leftmuen .menu-search{ display:none; margin-bottom:15px!important; margin-top:15px!important; height:35px!important; background-color:#3D5378!important;} .user-shop-leftmuen .menu-search input.SearchTextBox{font-size:14px!important; padding:0px; margin:0px; margin-top:-2px; padding-left:5px!important; line-height:35px!important; height:35px!important; background:none!important; color:White;} .user-shop-leftmuen .menu-search input.SearchTextBox::-webkit-input-placeholder{color:#D3D3D3;} .user-shop-leftmuen .menu-search input.SearchTextBox:-moz-placeholder{color:#A4AED5!important;} .user-shop-leftmuen .menu-search input.SearchTextBox::-moz-placeholder{color: #A4AED5!important;} .user-shop-leftmuen .menu-search input.SearchTextBox:-ms-input-placeholder{color: #A4AED5!important;} .user-shop-leftmuen .menu-search input.SearchButtom{background:url(../img/btnsearch.png) center center no-repeat!important; background-size:18px 18px!important; padding:0px!important; margin:0px!important; margin-top:-2px!important; margin-left:5px!important; float:right;} .user-shop-leftmuen .menu-search .search_muen_list{border:1px solid #5270A0!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important;} .user-shop-leftmuen .menu-search .search_muen_list li{background-color:#364969!important;} .user-shop-menu-list{ clear:both; overflow:hidden; overflow-y:auto; } .user-shop-menu-list a.menu-nav{ cursor:pointer; border-bottom:1px solid #23303A; padding:0px!important; margin:0px!important; padding-left:2px!important; width: 100%; display:inline-block; height:45px; line-height:45px; clear:both; overflow:hidden;background: url(../image/portlet-collapse-icon.png) 215px center no-repeat;background-size:8px auto;} .user-shop-menu-list a.menu-nav i{ float:left; width:40px; display:inline-block; height:45px; line-height:45px;} .user-shop-menu-list a.menu-nav span{ color:White; float:left; font-size:14px;} .user-shop-menu-list a.menu-nav i.menu-img-M0{background: url(../../images/M0-up2.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M1{background: url(../../images/M1_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M2{background: url(../../images/M2_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M3{background: url(../../images/M3_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M4{background: url(../../images/M4_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M5{background: url(../../images/M5_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M6{background: url(../../images/M6_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M7{background: url(../../images/M7_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M8{background: url(../../images/M8_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M9{background: url(../../images/M9_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M10{background: url(../../images/M10_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M12{background: url(../../images/M12_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M14{background: url(../../images/M14_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-nav i.menu-img-M15{background: url(../../images/M15_slec.png) center center no-repeat; background-size:15px auto;} .user-shop-menu-list a.menu-select{background: url(../image/portlet-expand-icon-white.png) 215px center no-repeat;background-size:8px auto;} .user-shop-menu-list .submenu-nav-user{ display:none; clear:both; overflow:hidden;} .user-shop-menu-list .submenu-nav-user .left-submenu-user{ display:none; cursor:pointer; font-size:14px; color:White; padding-left:40px; clear:both; overflow:hidden; height:35px; line-height:35px;background: url(../image/portlet-collapse-icon.png) 215px center no-repeat;background-size:8px auto;} .user-shop-menu-list .submenu-nav-user .right-submenu-user{ display:none; clear:both; overflow:hidden;} .user-shop-menu-list .submenu-nav-user .right-submenu-user a{ color:#B5BABF; font-size:14px; padding-left:40px; display:inline-block; height:35px; line-height:35px; width:100%;} .user-shop-menu-list .submenu-nav-user .right-submenu-user a:hover{ color:#FFFFFF; text-decoration:none;} .user-shop-menu-list .submenu-nav-user .right-submenu-user a.select{ color:#FFFFFF; text-decoration:none; color:#FFFFFF; text-decoration:none; background-color:#FC974A;} .user-shop-menu-list::-webkit-scrollbar{ width:3px; height: 1px;} .user-shop-menu-list::-webkit-scrollbar-thumb{ border-radius: 10px;background-color:#233645;background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);} .user-shop-menu-list::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #EDEDED;} .user-shop-menu-list .submenu-nav-user .left-submenu-select{ background: url(../image/portlet-expand-icon-white.png) 195px center no-repeat;background-size:8px auto;} .user-shop-menu-list2{ max-height:730px; clear:both; overflow:hidden; padding-top:15px; } .user-shop-menu-list2 a.menu-nav{ cursor:pointer; border-bottom:1px solid #23303A; padding:0px!important; margin:0px!important; padding-left:2px!important; width: 100%; display:inline-block; height:45px; line-height:45px; clear:both; overflow:hidden; } .user-shop-menu-list2 a.menu-nav i{ float:left; width:40px; display:inline-block; height:45px; line-height:45px;} .user-shop-menu-list2 a.menu-nav span{ color:White; float:left; font-size:14px;} .user-shop-menu-list2 a.menu-nav i.menu-img-M0{background: url(../../images/M0-up2.png) center center no-repeat; background-size:15px auto;} .use-page-content{ padding-top:10px;} .SelectDayMonth{ padding-top:10px;} /************begin 批量******************/ ul.Batch-Type-Info{ position:relative; padding-top:5px; padding-bottom:8px; clear:both; overflow:hidden; border:1px solid #DDDDDD;} ul.Batch-Type-Info li{ padding-top:8px; padding-bottom:8px; clear:both; overflow:hidden; height:30px;} ul.Batch-Type-Info li.TT1 p{ float:left;} ul.Batch-Type-Info li.TT1 p.PP1{ line-height:30px; text-align:right; width:80px; padding-right:8px;} ul.Batch-Type-Info li.TT1 p.PP2{ position:relative;} ul.Batch-Type-Info li.TT1 p.PP2 input{ float:left;} ul.Batch-Type-Info li.TT1 p.PP2 label{ padding-left:8px; padding-right:8px; display:inline-block; line-height:30px; float:left; color:Red;} ul.Batch-Type-Info li.TT1 p.PP2 span{ min-width:80px; z-index:10!important; padding-left:10px; border:1px solid #FFCECE; background-color:#FFE6E6; display:none; height:28px; line-height:28px; position:absolute; left:241px; top:0px;} ul.Batch-Type-Info li.TT1 p.PP3{} ul.Batch-Type-Info li.TT1 p.PP3 input{ float:left; margin-right:8px; -moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important; } ul.Batch-Type-Info li.TT2{ position:relative;} ul.Batch-Type-Info li.TT2 p{ float:left;} ul.Batch-Type-Info li.TT2 p.PP1{ line-height:30px; text-align:right; width:80px; padding-right:8px;} ul.Batch-Type-Info li.TT2 p.PP2{ position:relative;} ul.Batch-Type-Info li.TT2 p.PP2 input{ float:left;} ul.Batch-Type-Info li.TT2 p.PP2 select{ float:left;} ul.Batch-Type-Info li.TT2 p.PP2 label{ padding-left:8px; padding-right:8px; display:inline-block; line-height:30px; float:left; color:Red;} ul.Batch-Type-Info li.TT2 p.PP2 span{ min-width:80px; z-index:10!important; padding-left:10px; border:1px solid #FFCECE; background-color:#FFE6E6; display:none; height:28px; line-height:28px; position:absolute; left:241px; top:0px;} ul.Batch-Type-Info li.TT2 p.PP2 span.error{ left:150px; min-width:100px;} ul.Batch-Type-Info li.TT3{ padding:0px!important; margin:0px!important; } ul.Batch-Type-Info li.TT3 p{ float:left; } ul.Batch-Type-Info li.TT3 p.PP1{ line-height:30px; padding-right:10px; } ul.Batch-Type-Info li.TT3 p.PP1 label{ display:inline-block;line-height:30px; text-align:right; min-width:80px; padding-right:8px;} ul.Batch-Type-Info li.TT3 p.PP1 span{ color:#FF8800; font-weight:bold; font-size:14px;} ul.Batch-Type-Info li.TT5{ position:absolute; right:5px; top:5px; z-index:100;} ul.Batch-Type-Info li.TT5 button{ float:left; margin-right:8px; -moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important; } ul.Batch-Type-Info li.TT6{ padding-top:5px!important;} ul.Batch-Search-Info{ margin-bottom:8px; margin-top:8px; background-color:#EEFAD6; border:1px solid #B5D56D; clear:both; overflow:hidden; -moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important; } ul.Batch-Search-Info li{ clear:both; overflow:hidden; } ul.Batch-Search-Info li.TT1{ padding-bottom:5px; padding-top:5px; font-size:14px; padding-left:15px; height:40px; line-height:40px;} ul.Batch-Search-Info li.TT1 span{ color:#62A426; font-weight:bold;} ul.Batch-Search-Info li.TT2{ padding-left:15px;} ul.Batch-Search-Info li.TT2 p{ float:left; overflow:hidden; padding:0px!important; margin:0px!important; } ul.Batch-Search-Info li.TT2 p.PP1{ line-height:30px; text-align:right; padding-right:5px!important;} ul.Batch-Search-Info li.TT2 p.PP2{ padding-right:15px!important;} ul.Batch-Search-Info li.TT2 p.PP3{ position:relative; margin-right:15px!important;} ul.Batch-Search-Info li.TT2 p.PP3 input{ float:left; background-color:White;} ul.Batch-Search-Info li.TT2 p.PP3 span{ cursor:pointer; display:inline-block; position:absolute; right:0px; top:0px; width:30px; height:30px; background: url(../image/search-icon-brown.png) center 10px no-repeat; } ul.Batch-Search-Info li.TT2 p.PP3 input.check{ float:left; margin-top:9px; margin-right:5px;} ul.Batch-Search-Info li.TT2 p.PP3 label{ display:inline-block; line-height:30px; float:left;} ul.Batch-Search-Info li.TT2 p.PP4{ padding-right:8px!important; line-height:30px;} ul.Batch-Search-Info li.TT2 p.PP4 a{ color:#0D638F;} ul.Batch-Search-Info li.TT2 p.PP4 a:hover{ color:#FF8800;} ul.Batch-Search-Info li.TT3{ padding-top:10px;} .Batch-Search-Table{ height:410px; max-height:410px; clear:both; overflow:hidden; overflow-y:auto;} .Batch-Search-Table table{ border-left:1px solid #D7E4EA; border-top:1px solid #D7E4EA; border-bottom:0px;} .Batch-Search-Table table th{ padding-bottom:5px!important; padding-top:5px!important; height:26px; background-color:#F1F7F9; font-size:12px!important; border-left:0px;border-bottom:0px; border-right:1px solid #D7E4EA; border-bottom:1px solid #D7E4EA; } .Batch-Search-Table table th input.num{ width:70px; text-align:center; height:23px; line-height:23px; margin:0px!important; padding:0px!important;} .Batch-Search-Table table td{ overflow:hidden; padding-bottom:4px!important; padding-top:4px!important; height:26px; border-right:1px solid #D7E4EA; border-left:0px;border-bottom:1px solid #D7E4EA;border-top:0px;} .Batch-Search-Table table td input.num{ width:70px; text-align:center; height:23px; line-height:23px; margin:0px!important; padding:0px!important;} .Batch-Search-Table table td input.remark{ width:100px; text-align:left; height:23px; line-height:23px; margin:0px!important; padding:0px!important;} .Batch-Search-Table table tr.success td{ background-color:#F0FFF3; color:#009933; border-bottom:1px solid #CFEDD6; border-right:1px solid #CFEDD6;} .Batch-Search-Table table tr.error td{ background-color:#FFECEC; color:#DD0000; border-bottom:1px solid #FFCECE; border-right:1px solid #FFCECE;} .Batch-Search-Table table td input.readonly{ border:0px!important; background-color:white !important;} .Batch-Search-pager{ margin-top:5px; height:30px; clear:both; overflow:hidden; background-color:white; } .Batch-Search-pager p{ float:left; line-height:30px;} .Batch-Search-pager p.PP1{ } .Batch-Search-pager p.PP2{ float:right; } .Batch-Search-pager p.PP2 a{ color:#666666; float:left; margin-left:8px; line-height:25px; height:25px; padding-left:8px; padding-right:8px; display:inline-block; border:1px solid #DDDDDD;} .Batch-Search-pager p.PP2 a.Select{ background-color:#F2F2F2;} .Batch-Search-process{ height:20px; border:1px solid #DDDDDD; clear:both; overflow:hidden; position:relative;} .Batch-Search-process p{ float:left; height:20px; background-color:#FF8800;} .Batch-Search-process span{ position:absolute; left:0px; top:0px; width:100%; height:20px; line-height:20px; text-align:center;} .Batch-Search-Foot{ padding-top:10px; padding-bottom:10px; z-index:500!important; position:fixed; left:0px; bottom:0px; width:100%; background-color:#F2F2F2; } .Batch-Search-Foot .Buttons{ float:right; padding-right:15px;} .Batch-Search-Foot .Buttons input{ -moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important;} .Batch-Search-Foot .Number{ height:30px; overflow:hidden; float:right; padding-right:15px;} .Batch-Search-Foot .Number p{ padding:0px!important; margin:0px!important; padding-left:5px!important; line-height:30px; float:left;} .Batch-Search-Foot .Number p input{ float:left; width:50px; text-align:center;} .Batch-Clear{ clear:both; overflow:hidden; height:50px;} /************end 批量******************/ .maddingleft8{ margin-left:8px;} .formbody{ padding-right:10px; width:1130px; } .auser-shop-leftmuen{ top:60px; background-color:#2F404F!important; overflow:hidden; overflow-y:auto; margin-bottom:100px!important; } .auser-shop-leftmuen span.menu-btn{ margin-bottom:0px!important; margin-top:15px!important; margin-right:10px!important; background-size:15px auto!important; width:38px!important; height:30px!important; background-color:#3D5378!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important; display:none!important;} .auser-shop-leftmuen .menu-search{ display:none; margin-bottom:15px!important; margin-top:15px!important; height:35px!important; background-color:#3D5378!important;} .auser-shop-leftmuen .menu-search input.SearchTextBox{font-size:14px!important; padding:0px; margin:0px; margin-top:-2px; padding-left:5px!important; line-height:35px!important; height:35px!important; background:none!important; color:White;} .auser-shop-leftmuen .menu-search input.SearchTextBox::-webkit-input-placeholder{color:#D3D3D3;} .auser-shop-leftmuen .menu-search input.SearchTextBox:-moz-placeholder{color:#A4AED5!important;} .auser-shop-leftmuen .menu-search input.SearchTextBox::-moz-placeholder{color: #A4AED5!important;} .auser-shop-leftmuen .menu-search input.SearchTextBox:-ms-input-placeholder{color: #A4AED5!important;} .auser-shop-leftmuen .menu-search input.SearchButtom{background:url(../img/btnsearch.png) center center no-repeat!important; background-size:18px 18px!important; padding:0px!important; margin:0px!important; margin-top:-2px!important; margin-left:5px!important; float:right;} .auser-shop-leftmuen .menu-search .search_muen_list{border:1px solid #5270A0!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important;} .auser-shop-leftmuen .menu-search .search_muen_list li{background-color:#364969!important;} .auser-shop-leftmuen .menu-back{ font-size:14px; color:white; z-index:10000; height:45px; line-height:45px; position:fixed; left:0px; bottom:0px; width:250px; background-color:#2F404F!important;} .auser-shop-leftmuen .menu-back img{ margin-right:8px; margin-left:17px; margin-top:12px; float:left; height:22px;} .auser-shop-leftmuen::-webkit-scrollbar {width:8px; height:8px;} .auser-shop-leftmuen::-webkit-scrollbar-thumb { border-radius:10px;background-color:#54728D; } .auser-shop-leftmuen::-webkit-scrollbar-track { border-radius:10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background:#B7C5D2;} .auser-shop-menu-list{ clear:both; overflow:hidden; overflow-y:auto; padding-bottom:150px!important; } .auser-shop-menu-list a.menu-nav{ cursor:pointer; border-bottom:1px solid #23303A; padding:0px!important; margin:0px!important; padding-left:2px!important; width: 100%; display:inline-block; height:45px; line-height:45px; clear:both; overflow:hidden;background: url(../image/new/down.png) 215px center no-repeat;background-size:15px auto;} .auser-shop-menu-list a.menu-nav i{ float:left; width:40px; display:inline-block; height:45px; line-height:45px;} .auser-shop-menu-list a.menu-nav span{ padding-left:20px; display:inline-block; color:#D4D4D3; float:left; font-size:14px;} .auser-shop-menu-list a.menu-nav i.menu-img-M0{background: url(../../images/M0-up2.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M1{background: url(../../images/M1_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M2{background: url(../../images/M2_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M3{background: url(../../images/M3_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M4{background: url(../../images/M4_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M5{background: url(../../images/M5_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M6{background: url(../../images/M6_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M7{background: url(../../images/M7_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M8{background: url(../../images/M8_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M9{background: url(../../images/M9_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M10{background: url(../../images/M10_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M12{background: url(../../images/M12_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M14{background: url(../../images/M14_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav i.menu-img-M15{background: url(../../images/M15_slec.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list a.menu-nav2:hover{ background-color:#23303B; color:white;} .auser-shop-menu-list a.menu-select{ background: url(../image/new/top.png) 215px center no-repeat;background-size:15px auto;} .auser-shop-menu-list a.menu-nav2{ background:none;} .auser-shop-menu-list a.select{ color:#FFFFFF; text-decoration:none; background-color:#FC974A;} .auser-shop-menu-list a.select span{ color:#FFFFFF; } .auser-shop-menu-list .submenu-nav-user{ display:none; clear:both; overflow:hidden; width:100%!important; max-height:350px;} .auser-shop-menu-list .submenu-nav-user .left-submenu-user{ display:none; cursor:pointer; font-size:14px; color:White; padding-left:40px; clear:both; overflow:hidden; height:40px; line-height:40px;background: url(../image/portlet-collapse-icon.png) 195px center no-repeat;background-size:8px auto;} .auser-shop-menu-list .submenu-nav-user .right-submenu-user{ display:none; clear:both; overflow:hidden;} .auser-shop-menu-list .submenu-nav-user .right-submenu-user a{ color:#B5BABF; font-size:14px; padding-left:40px; display:inline-block; height:40px; line-height:40px; width:100%;} .auser-shop-menu-list .submenu-nav-user .right-submenu-user a:hover{ color:#FFFFFF; text-decoration:none; background-color:#23303B;} .auser-shop-menu-list .submenu-nav-user .right-submenu-user a.select{ color:#FFFFFF; text-decoration:none; background-color:#FC974A;} .auser-shop-menu-list .auser-new-style .right-submenu-user{ display:none; clear:both; overflow:hidden;} .auser-shop-menu-list .auser-new-style .right-submenu-user a{ color:#B5BABF; font-size:14px; padding-left:20px; display:inline-block; height:40px; line-height:40px; width:100%;} .auser-shop-menu-list .auser-new-style .right-submenu-user a:hover{ color:#FFFFFF; text-decoration:none;} .auser-shop-menu-list .auser-new-style .right-submenu-user a.select{ color:#FFFFFF; text-decoration:none; background-color:#FC974A;} .auser-shop-menu-list::-webkit-scrollbar{ width:3px; height: 1px;} .auser-shop-menu-list::-webkit-scrollbar-thumb{ border-radius: 10px;background-color:#233645;background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);} .auser-shop-menu-list::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #EDEDED;} .auser-shop-menu-list .submenu-nav-user .left-submenu-select{ background: url(../image/portlet-expand-icon-white.png) 195px center no-repeat;background-size:8px auto;} .auser-shop-menu-list2{ max-height:730px; clear:both; overflow:hidden; overflow-y:auto; padding-top:10px; } .auser-shop-menu-list2 a.menu-nav{ overflow:hidden; cursor:pointer; border-bottom:1px solid #23303A; padding:0px!important; margin:0px!important; padding-left:2px!important; width: 100%; display:inline-block; height:45px; line-height:45px; clear:both; overflow:hidden; } .auser-shop-menu-list2 a.menu-nav i{ float:left; width:40px; display:inline-block; height:45px; line-height:45px;} .auser-shop-menu-list2 a.menu-nav span{ color:White; float:left; font-size:16px;} .auser-shop-menu-list2 a.menu-nav span.ma{ color:#7E898F; font-size:14px; float:right; display:inline-block; margin-right:20px;} .auser-shop-menu-list2 a.menu-nav i.menu-img-M0{background: url(../../images/M0-up2.png) center center no-repeat; background-size:15px auto;} .auser-shop-menu-list2 a.menu-nav img{ margin-top:13px; margin-right:10px; margin-left:20px; float:left; height:20px;} .auser-shop-menu-list .submenu-nav-user::-webkit-scrollbar {width:8px; height:8px;} .auser-shop-menu-list .submenu-nav-user::-webkit-scrollbar-thumb { border-radius:10px;background-color:#54728D; } .auser-shop-menu-list .submenu-nav-user::-webkit-scrollbar-track { border-radius:10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background:#B7C5D2;} .gray_table td{ -khtml-opacity: 0.5; -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); cursor: default !important; } .icons-seting { display:inline-block!important; width:18px!important; height:18px!important; background:url(image/seting.png) center 3px no-repeat!important; background-size:16px 16px!important;} ul.InsertLogin{ font-size:14px; color:#666666; width:800px; padding-left:80px; overflow:hidden; padding-top:30px; margin:0px auto!important;} ul.InsertLogin li{ clear:both; overflow:hidden; padding-bottom:20px; } ul.InsertLogin li p{ float:left;} ul.InsertLogin li p.PP1{ line-height:40px; width:180px; text-align:right; padding-right:15px;} ul.InsertLogin li p.PP2{ } ul.InsertLogin li p.PP2 input{ padding:0px!important; margin:0px!important; height:38px; line-height:38px; font-family:微软雅黑; padding-left:8px!important; font-size:14px; color:#999999; width:241px; border:1px solid #D5D5D5;} ul.InsertLogin li p.PP2 select{ padding:0px!important; margin:0px!important; height:39px; line-height:39px; font-family:微软雅黑; padding-left:8px!important; font-size:14px; color:#999999; width:250px; border:1px solid #D5D5D5;} ul.InsertLogin li p.PP2 input.IN{ width:140px;} ul.InsertLogin li p.PP4{ padding-left:10px;} ul.InsertLogin li p.PP4 input{ font-family:微软雅黑; background-color:#FF8000; height:40px; border:0px; line-height:40px; width:105px; border:0px; font-size:14px; color:White;} ul.InsertLogin li p.PP4 input:hover{ cursor:pointer; background-color:#FF6600} ul.InsertLogin li p.PP5{ line-height:40px; padding-left:10px; color:#666666; font-size:12px;} ul.InsertLogin li p.PP6{ margin-left:10px; height:40px; width:20px;background:url(../images/dui.png) left center no-repeat} ul.InsertLogin li p.PP7{ color:#b94a48; margin-top:3px; margin-left:10px; position:relative; height:33px; line-height:33px; } ul.InsertLogin li p.PP7 span{ display:inline-block; width:4px; height:8px; position:absolute; left:-4px; top:13px;background:url(../images/LQie.png) center center no-repeat; } ul.InsertLogin li.TT1{ font-size:12px;margin-top:-15px; width:250px; padding-left:195px; height:45px; clear:both; overflow:hidden;} ul.InsertLogin li.TT1 p.PPTT1{} ul.InsertLogin li.TT1 p.PPTT1 input{ margin-top:16px;} ul.InsertLogin li.TT1 p.PPTT2{ line-height:45px;} ul.InsertLogin li.TT1 p.PPTT2 a{ color:#3D9FDF;} ul.InsertLogin li.TT1 p.PPTT2 a:hover{ color:#FF6600;} ul.InsertLogin li.TT1 p.PPTT3{ float:right; line-height:45px;} ul.InsertLogin li.TT1 p.PPTT3 a{ color:#CC6600;} ul.InsertLogin li.TT1 p.PPTT3 a:hover{ color:#FF6600;} ul.InsertLogin li.TT2{ padding-left:195px; clear:both; overflow:hidden; } ul.InsertLogin li.TT2 input{ font-family:微软雅黑; font-size:16px; color:White; background-color:#3399FF; width:250px; height:42px; line-height:40px; border:0px; border-bottom:2px solid #3399FF; -webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important;} ul.InsertLogin li.TT2 input:hover{ cursor:pointer; background-color:#0B85FF; border-bottom:2px solid #0B85FF;} ul.InsertLogin li.TT3{ margin-bottom:10px; } .rebinding-box{ clear:both; overflow:hidden; margin-top:170px; padding-bottom:20px;} .rebinding-box .box-title{width: 500px;margin: 60px auto;text-align: center;} .rebinding-box .box-title i{font-size: 12px;color: #999;} .rebinding-box .box-timeline{width: 575px; margin: 0 auto; text-align: center;} .rebinding-box .box-timeline ul li{float: left;font-size: 16px;color: #999;width: 100px; position: relative;margin-right: 105px;} /*.rebinding-box .box-timeline div[class*=box-outside]{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex; align-items:center;}*/ .rebinding-box .box-timeline .outside1ab{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%!important;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex; align-items:center;} .rebinding-box .box-timeline .outside2a{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%!important;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex; align-items:center;} .rebinding-box .box-timeline .outside1ab:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;right: 71px;z-index: 2;} .rebinding-box .box-timeline .outside1ab:after{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;left: 71px;z-index: 2;} .rebinding-box .box-timeline .outside2a:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;right: 71px;z-index: 2;} .rebinding-box .box-timeline div[class*=box-num]{width: 26px; height: 26px;line-height: 26px; margin: 14px auto; border-radius: 50%!important; background-color: #39f;color: #fff; } /*.rebinding-box .box-timeline div[class*=box-nums]:after{content: ""; position:absolute; height: 1px; width: 105px;background-color: #39f;top: 46px;left: 71px;}*/ .rebinding-box .box-timeline .outside1ab .num2ab{background-color: #999;} .rebinding-box .box-timeline .outside2a .num3a{background-color: #999;} .rebinding-box .box-timeline ul .box-num1{background-color: #39f;} .rebinding-box .box-timeline .box-num2,.rebinding-box .box-timeline .box-num3{margin-left: 45px;} .rebinding-box .box-timeline .box-num1:after{content:"";position:absolute; height: 1px; width: 105px;background-color: #39f;top: 48px;left: 71px;} .rebinding-box .box-timeline .num2ab:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #39f;top: 48px;right: 71px;} .rebinding-box .box-timeline .num2ab:after{content:"";position:absolute; height: 1px; width: 105px;background-color: #39f;top: 48px;left: 71px;} .rebinding-box .box-timeline .num3a:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #39f;top: 48px;right: 71px;} .rebinding-box-success{ clear:both; overflow:hidden; text-align:center; padding-right:50px;} .rebinding-box-success .ico{ clear:both; overflow:hidden; padding-top:50px;} .rebinding-box-success .ico img{ height:60px;} .rebinding-box-success .text{ line-height:70px; font-size:18px; color:#333333;} .rebinding-box-success .hovers{ } .rebinding-box-success .hovers a{ text-transform:none!important; display:inline-block; padding:0px!important; margin:0px!important; height:40px; line-height:40px; font-family:微软雅黑; font-size:14px; color:#999999; width:120px; background-color:#3399FF; color:white; -webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important; } .rebinding-box-success .hovers a:hover{ background-color:#0B85FF;} .read_card_left{ float:left;margin-right:0px!important;} .ReportSet{ clear:both; overflow:hidden; min-width:800px; background-color:white;} .ReportSet .Items{ float:left; width:50%; overflow:hidden; background-color:white!important; } .ReportSet .Items ul.List{ border:1px solid #DDDDDD; border-bottom:0px; clear:both; overflow:hidden; } .ReportSet .Items ul.List li{ clear:both; overflow:hidden; height:40px; border-bottom:1px solid #DDDDDD;} .ReportSet .Items ul.List li p{ font-size:14px; float:left; height:40px; line-height:40px;} .ReportSet .Items ul.List li p.PP1{ width:80%; padding-left:15px; margin-right:-15px; } .ReportSet .Items ul.List li p.PP2{ width:20%; text-align:center; } .ReportSet .Items ul.List li.TT1{ font-weight:bold; font-size:16px; background-color:#F5F5F5;} .ReportSet .Items ul.Add{ margin-top:5px; clear:both; overflow:hidden; } .ReportSet .Items ul.Add li{ position:relative; clear:both; overflow:hidden; height:40px; border:1px solid #DDDDDD; } .ReportSet .Items ul.Add li input.number{ display:inline-block; height:50px; width:100%; border:0px!important; padding-left:15px; margin-top:-10px!important;outline: none!important; } .ReportSet .Items ul.Add li p{ position:absolute; right:0px; top:0px; height:100%; } .ReportSet .Items ul.Add li p button{ display:inline-block; height:40px; line-height:30px; width:60px;} .ReportSet .LItems{ margin-right:7px;} .ReportSet .RItems{ margin-left:7px;} .date_day_w_160{width:160px!important;} .date_day_w_260{width:260px!important;} /**********************start 菜槽看板*************************************/ body.FootBook { min-width: 1400px !important; clear: both; background: url(image/font_bg.png) center center no-repeat fixed !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-color: #181B27 !important;} body.FootBook .portlet.box .portlet-body{ background:none!important; padding:0px!important; margin:0px!important;} body.FootBook .blue{ background:none!important;} body.FootBook .FootMain{ clear:both; overflow:hidden; padding-left:30px; padding-right:30px; color:#999999;} body.FootBook .FootMain ul.Timer{ clear:both; overflow:hidden; height:78px;} body.FootBook .FootMain ul.Timer li{ line-height:78px; font-size:25px; float:left; color:white!important; padding-right:35px;} body.FootBook .FootMain ul.Timer li.TT1{} body.FootBook .FootMain ul.Timer li.TT1 span{ padding-left:5px; padding-right:5px;} body.FootBook .FootMain ul.Timer li.TT1 span.block{ color:#333333;} body.FootBook .FootMain ul.Timer li.TT2{} body.FootBook .FootMain ul.Timer li.TT2 span{ display:inline-block; padding-left:15px;} body.FootBook .FootMain .FootList{ background:rgba(0,0,0,0.15); -moz-border-radius:8px!important;-webkit-border-radius:8px!important;border-radius:8px!important; clear:both; overflow:hidden; height:613px; border:1px solid #374171!important;} body.FootBook .FootMain .FootList .LItem{ float:left!important; width:18.77%; overflow:hidden;} body.FootBook .FootMain .FootList .LItem .FTitle{ color:white!important; font-size:20px; height:36px; line-height:36px; clear:both; overflow:hidden; margin-bottom:50px; margin-top:20px; margin-left:20px;} body.FootBook .FootMain .FootList .LItem .FTitle img{ float:left; width:36px; height:36px; margin-right:15px; } body.FootBook .FootMain .FootList .LItem .FNumber{ clear:both; overflow:hidden; } body.FootBook .FootMain .FootList .LItem .FNumber .Number{ float:left; width:49%; text-align:center;} body.FootBook .FootMain .FootList .LItem .FNumber .Number p{ color:white!important; clear:both; overflow:hidden;} body.FootBook .FootMain .FootList .LItem .FNumber .Number p.PP1{ font-size:76px; height:120px; line-height:120px;} body.FootBook .FootMain .FootList .LItem .FNumber .Number p.red{ color:#FD5E5A!important;} body.FootBook .FootMain .FootList .LItem .FNumber .Number p.PP2{ height:50px; line-height:50px; font-size:20px;} body.FootBook .FootMain .FootList .RItem{ float:left!important; width:81.23%; overflow:hidden;} body.FootBook .FootMain .FootList .RItem ul.List{ clear:both; overflow:hidden; padding-top:30px; height:565px; padding-right:10px;} body.FootBook .FootMain .FootList .RItem ul.List li{ float:left; width:16.666%; height:125px; margin-bottom:20px; position:relative;} body.FootBook .FootMain .FootList .RItem ul.List li fieldset{ background:none; overflow:visible; position:relative; padding-left:15px; margin-right:15px; border:1px solid #40434D; clear:both; height:123px;} body.FootBook .FootMain .FootList .RItem ul.List li fieldset legend{ background-color:#1B1E2B; font-size:18px!important; border-bottom:0px; z-index:10!important; text-align:center; color:#999999!important; position:absolute; left:10px; top:-9px; height:18px; line-height:18px; padding-left:5px; padding-right:5px; width:auto; } body.FootBook .FootMain .FootList .RItem ul.List li fieldset p{ clear:both; overflow:hidden;} body.FootBook .FootMain .FootList .RItem ul.List li fieldset p.PP1{ padding-top:15px; height:40px; line-height:40px; color:#999999; font-size:15px;} body.FootBook .FootMain .FootList .RItem ul.List li fieldset p.PP2{ height:50px; line-height:50px; color:white!important; font-size:30px;} body.FootBook .FootMain .FootList .RItem ul.List li fieldset p.PP3{} body.FootBook .FootMain .FootList .RItem ul.List li.Select fieldset{ border:0px; background: url(image/font_select.png) center center no-repeat; background-size:100% 100%; } body.FootBook .FootMain .FootList .RItem ul.List li.Select fieldset p.PP1{ color:white!important;} body.FootBook .FootMain .FootList .RItem ul.List li.Select fieldset legend{ color:white!important;} body.FootBook .FootMain .DishList{ margin-bottom:20px; margin-top:28px; background:rgba(0,0,0,0.15); -moz-border-radius:8px!important;-webkit-border-radius:8px!important;border-radius:8px!important; clear:both; overflow:hidden; height:313px; border:1px solid #374171!important;} body.FootBook .FootMain .DishList .LItem{ float:left!important; width:18.77%; overflow:hidden;} body.FootBook .FootMain .DishList .LItem .FTitle{ color:white!important; font-size:20px; height:36px; line-height:36px; clear:both; overflow:hidden; margin-bottom:45px; margin-top:20px; margin-left:20px;} body.FootBook .FootMain .DishList .LItem .FTitle img{ float:left; width:36px; height:36px; margin-right:15px; } body.FootBook .FootMain .DishList .LItem .FNumber{ clear:both; overflow:hidden; } body.FootBook .FootMain .DishList .LItem .FNumber .Number{ float:left; width:49%; text-align:center;} body.FootBook .FootMain .DishList .LItem .FNumber .Number p{ color:white!important; clear:both; overflow:hidden;} body.FootBook .FootMain .DishList .LItem .FNumber .Number p.PP1{ font-size:76px; height:120px; line-height:120px;} body.FootBook .FootMain .DishList .LItem .FNumber .Number p.red{ color:#FD5E5A!important;} body.FootBook .FootMain .DishList .LItem .FNumber .Number p.PP2{ height:50px; line-height:50px; font-size:20px;} body.FootBook .FootMain .DishList .RItem{ float:left!important; width:81.23%; overflow:hidden; height:290px;} body.FootBook .FootMain .DishList .RItem ul.List{ clear:both; overflow:hidden; padding-top:30px; padding-right:5px;} body.FootBook .FootMain .DishList .RItem ul.List li{ float:left; width:25%; height:250px; position:relative; margin-bottom:40px;} body.FootBook .FootMain .DishList .RItem ul.List li fieldset{ background:none; overflow:visible; position:relative; padding-left:15px; margin-right:20px; border:1px solid #40434D; clear:both; height:250px;} body.FootBook .FootMain .DishList .RItem ul.List li fieldset legend{ background-color:#1B1E2B; font-size:18px!important; border-bottom:0px; z-index:10!important; text-align:center; color:#999999!important; position:absolute; left:10px; top:-9px; height:18px; line-height:18px; padding-left:5px; padding-right:5px; width:auto; } body.FootBook .FootMain .DishList .RItem ul.List li fieldset .Process{ position:relative; margin-left:35px; width:36px; float:left; margin-top:45px; height:170px; background-color:#323542;} body.FootBook .FootMain .DishList .RItem ul.List li fieldset .Process p{ position:absolute; left:0px; bottom:0px; width:100%; background: url(image/font_lan1.png) center bottom no-repeat; } body.FootBook .FootMain .DishList .RItem ul.List li fieldset .Desc{ float:left; padding-left:20px; padding-top:45px;} body.FootBook .FootMain .DishList .RItem ul.List li fieldset .Desc p{ overflow:hidden;} body.FootBook .FootMain .DishList .RItem ul.List li fieldset .Desc p.PP1{ padding-top:13px; height:50px; line-height:50px; font-size:20px; color:#999999;} body.FootBook .FootMain .DishList .RItem ul.List li fieldset .Desc p.PP2{ height:80px; line-height:80px; color:white; font-size:55px;} body.FootBook .FootMain .DishList .RItem ul.List li fieldset .Desc p.PP3{ line-height:35px; height:35px; font-size:17px; color:#999999;} body.FootBook .FootMain .DishList .RItem ul.List li fieldset .Desc p.PP3 span{ display:inline-block; color:#25ADF2; margin-left:1px;} body.FootBook .FootMain .DishList .RItem ul.List li.Select{} body.FootBook .FootMain .DishList .RItem ul.List li.Select fieldset .Process p{ background: url(image/font_red1.png) center bottom no-repeat;} body.FootBook .FootMain .DishList .RItem ul.List li.Select fieldset .Desc p.PP3 span{ color:#FF6C25;} body.FootBook .FootMain .FootList2 .RItem ul.List li{ width:25%; height:170px;} body.FootBook .FootMain .FootList2 .RItem ul.List li fieldset{ padding-left:25px; height:168px;} body.FootBook .FootMain .FootList2 .RItem ul.List li fieldset p.PP1{ padding-top:20px; line-height:60px; height:60px; font-size:20px;} body.FootBook .FootMain .FootList2 .RItem ul.List li fieldset p.PP2{ font-size:40px; line-height:60px; height:60px;} body.FootBook .FootMain .FootList2 .RItem ul.List li fieldset p.PP3{ font-size:16px;} body.FootBook .FootMain .DishList2 .RItem ul.List li{ width:50%;} body.FootBook .FootMain .DishList2 .RItem ul.List li fieldset p.PP3{ font-size:16px;} body.FootBook .FootMain .DishList2 .RItem ul.List li fieldset .Process{ width:80px;} body.FootBook .FootMain .DishList2 .RItem ul.List li fieldset .Process p{ width:100%; background: url(image/font_lan2.png) center bottom no-repeat; } body.FootBook .FootMain .DishList2 .RItem ul.List li fieldset .Desc{ padding-left:40px;} body.FootBook .FootMain .DishList2 .RItem ul.List li fieldset .Desc p.PP1{ font-size:16px; padding-top:30px;} body.FootBook .FootMain .DishList2 .RItem ul.List li fieldset .Desc p.PP2{ padding-top:10px; float:left; font-size:65px; height:100px; line-height:100px;} body.FootBook .FootMain .DishList2 .RItem ul.List li fieldset .Desc p.PP3{ line-height:80px; height:80px; font-size:25px; position:absolute; right:30px; bottom:10px; } body.FootBook .FootMain .DishList2 .RItem ul.List li.Select{} body.FootBook .FootMain .DishList2 .RItem ul.List li.Select fieldset .Process p{ background: url(image/font_red2.png) center bottom no-repeat;} body.FootBook .FootMain .DishList2 .RItem ul.List li.Select fieldset .Desc p.PP3 span{ color:#FF6C25;} body.FootBook .SetTab{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10000;} body.FootBook .SetTab .Seting{ width:500px; height:220px; position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-110px; background-color:white; border-radius:8px!important;} body.FootBook .SetTab .Seting ul{ padding-top:55px; clear:both; overflow:hidden; padding-bottom:10px; } body.FootBook .SetTab .Seting ul li{ clear:both; height:35px;} body.FootBook .SetTab .Seting ul li p{ float:left; height:35px; line-height:35px;} body.FootBook .SetTab .Seting ul li p.PP1{ font-size:14px; color:#333333; width:120px; text-align:right; padding-right:8px;} body.FootBook .SetTab .Seting ul li p.PP2{} body.FootBook .SetTab .Seting ul li p.PP2 input{ width:300px; padding-left:8px; height:25px; border-radius:5px!important;} body.FootBook .SetTab .Seting ul li p.PP3{ padding-top:30px;} body.FootBook .SetTab .Seting ul li p.PP3 button{ border-radius:6px!important; border:0px; width:316px!important; height:40px; line-height:40px; color:white; background-color:#D84A38} body.FootBook .SetTab .Seting ul li p.PP3 button:hover{ background-color:#DD0000;} body.FootBook .SetTab .Seting .sclose{ cursor:pointer; font-family:Arial; z-index:10; background-color:#E5E5E5; text-align:center; line-height:26px; position:absolute; right:-10px; top:-10px; width:26px; height:26px;-moz-border-radius:13px!important;-webkit-border-radius:13px!important;border-radius:13px!important;} body.FootBook .SetTab .Seting .sclose:hover{ background-color:#CCCCCC;} /**********************end 菜槽看板*************************************/ [v-cloak] { display: none; } /***begin 提示信息****/ .k-Tip-Info{ position:fixed; left:50%; margin-left:-300px; width:600px; top:20px; z-index:100000; text-align:center;} .k-Tip-Info .success{ margin-bottom:15px;} .k-Tip-Info .success span{ border:1px solid #F5F5F5; color:#00A854; clear:both; overflow:hidden; font-size:12px; padding-right:20px; display:inline-block; background-color:White; overflow:hidden; height:33px; line-height:32px; -moz-box-shadow:0px 1px 5px #DDDDDD; -webkit-box-shadow:0px 1px 5px #DDDDDD; box-shadow:0px 1px 5px #DDDDDD; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .k-Tip-Info .success span i{ color:#00A854; font-size:18px; float:left; margin-left:15px; display:inline-block; margin-top:6px; padding-right:10px;} .k-Tip-Info .error{ margin-bottom:15px;} .k-Tip-Info .error span{ border:1px solid #F5F5F5; color:#FF0000; clear:both; overflow:hidden; font-size:12px; padding-right:20px; display:inline-block; background-color:White; overflow:hidden; height:33px; line-height:32px; -moz-box-shadow:0px 1px 5px #DDDDDD; -webkit-box-shadow:0px 1px 5px #DDDDDD; box-shadow:0px 1px 5px #DDDDDD; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .k-Tip-Info .error span i{ color:#FF0000; font-size:18px; float:left; margin-left:15px; display:inline-block; margin-top:6px; padding-right:10px;} .k-Tip-Info .warning{ margin-bottom:15px;} .k-Tip-Info .warning span{ border:1px solid #F5F5F5; color:#FF6600; clear:both; overflow:hidden; font-size:12px; padding-right:20px; display:inline-block; background-color:White; overflow:hidden; height:33px; line-height:32px; -moz-box-shadow:0px 1px 5px #DDDDDD; -webkit-box-shadow:0px 1px 5px #DDDDDD; box-shadow:0px 1px 5px #DDDDDD; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .k-Tip-Info .warning span i{ color:#FF8800; font-size:18px; float:left; margin-left:15px; display:inline-block; margin-top:6px; padding-right:10px;} .k-Tip-Info .loading{ margin-bottom:15px;} .k-Tip-Info .loading span{ border:1px solid #F5F5F5; color:#666666; clear:both; overflow:hidden; font-size:12px; padding-right:20px; display:inline-block; background-color:White; overflow:hidden; height:33px; line-height:32px; -moz-box-shadow:0px 1px 5px #DDDDDD; -webkit-box-shadow:0px 1px 5px #DDDDDD; box-shadow:0px 1px 5px #DDDDDD; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .k-Tip-Info .loading span img{ height:18px; float:left; margin-left:15px; margin-top:6px; padding-right:10px;} .k-Tip-Info .info{ margin-bottom:15px;} .k-Tip-Info .info span{ border:1px solid #F5F5F5; color:#108EE9; clear:both; overflow:hidden; font-size:12px; padding-right:20px; display:inline-block; background-color:White; overflow:hidden; height:33px; line-height:32px; -moz-box-shadow:0px 1px 5px #DDDDDD; -webkit-box-shadow:0px 1px 5px #DDDDDD; box-shadow:0px 1px 5px #DDDDDD; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .k-Tip-Info .info span i{ color:#108EE9; font-size:18px; float:left; margin-left:15px; display:inline-block; margin-top:6px; padding-right:10px;} .k-Tip-Info .pageload{ font-size:14px; color:white; text-align:center; width:100px; text-align:center; height:100px; border-radius:5px!important; background:rgba(110,110,110,0.6); position:fixed; left:50%; top:50%; margin-left:-50px; margin-top:-50px;} .k-Tip-Info .pageload p{ clear:both; overflow:hidden; } .k-Tip-Info .pageload img{ float:none; margin:0px; height:50px; margin-top:15px; } /***end 提示信息****/ ul.gate_setting{ clear:both; overflow:hidden; padding-top:20px;} ul.gate_setting li{ clear:both; overflow:hidden; padding-bottom:20px;} ul.gate_setting li p{ float:left; line-height:30px;} ul.gate_setting li p.PP1{ text-align:left; width:220px; padding-right:8px;} ul.gate_setting li p.PP2{ padding-right:8px;} ul.gate_setting li p.PP2 input{ float:left; width:80px!important;} ul.gate_setting li p.PP2 input.Title{ width:500px!important;} ul.gate_setting li p.PP2 select{ float:left; width:93px!important;} ul.gate_setting li p.PP2 span{ float:left;} ul.gate_setting li p.PP3{ color:#999999; clear:both; padding-left:230px; line-height:20px;} ul.gate_setting li p.PP5{} ul.gate_setting li p.PP5 button{ border-radius:5px!important; margin-right:10px;} .productadd{position:relative;} .productadd span.error{ width:130px; position:absolute; left:405px; top:0px; line-height:35px; color:red;} .productadd span.error label{ font-weight:lighter;} .productadd .tabpro{ position:absolute; left:165px; top:34px; width:395px; top:35px; margin-left:15px; margin-right:15px; z-index:1000; background-color:#F5F5F5;} .productadd .tabpro .Title{ line-height:35px; padding-left:15px; clear:both; overflow:hidden; height:35px; background-color:#0066CC; color:white;} .productadd .tabpro .Title span{ float:left; display:inline-block; width:50%; overflow:hidden;} .productadd .tabpro p{ clear:both; overflow:hidden; height:35px; line-height:35px; padding-left:15px; font-size:14px; } .productadd .tabpro p span{ float:left; display:inline-block; width:50%; overflow:hidden;} .productadd .tabpro p:hover{ background-color:#dfe9f8; } .ModelContent{ clear:both; overflow:hidden; padding-top:30px; width:1000px; } .ModelContent ul.Select{ overflow:hidden; float:left; padding-left:20px; width:230px;} .ModelContent ul.Select li{ clear:both; overflow:hidden;} .ModelContent ul.Select li.TT1{ height:30px; line-height:17px; color:#999999;} .ModelContent ul.Select li.TT2{} .ModelContent ul.Select li.TT2 p{ font-weight:lighter; color:#555555; clear:both; overflow:hidden; height:45px; line-height:45px; font-size:15px;} .ModelContent ul.Select li.TT2 p label{ float:left; font-weight:lighter;} .ModelContent ul.Select li.TT2 p input{ float:left; margin-right:8px; width:16px; height:16px; } .ModelContent ul.Select li.TT2 p.PP1{ color:#FF8800;} .ModelContent .RImg{ overflow:hidden; float:left; width:650px; text-align:center; font-size:14px; line-height:36px; color:#555555; } .ModelContent .RImg img{ width:650px; height:380px; } .bacth_table_page { overflow:hidden; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:100000; background-color:white; } .bacth_table_page .batch_input{ padding-top:30px;} .bacth_table_page .batch_buttom{ position:absolute; left:0px; bottom:0px; padding-bottom:16px; width:100%;} .bacth_table_page .batch_buttom p{ margin-right:15px!important; } .bacth_table_page .batch_from{ font-size:14px; clear:both; overflow:hidden; padding-top:50px; } .bacth_table_page .batch_from .Error{ float:left; line-height:35px; padding-left:8px;} .bacth_table_page .batch_from label{ text-align:right; width:150px;} .bacth_table_page .batch_from span{ float:left; line-height:33px; } .bacth_table_page .batch_from span.title{ padding-left:15px;} .bacth_table_page .batch_from p{ float:left; } .bacth_table_page .batch_from p.money{ padding-left:15px;} .bacth_table_page .batch_from p.money input{ width:60px!important; margin-right:8px;} .shape_table_split{table-layout: fixed;} .shape_table_split td{ white-space:nowrap!important;overflow:hidden!important; text-overflow:ellipsis!important; } .Font14{ font-size:14px!important;} @font-face { font-family: "iconfont"; src: url('//at.alicdn.com/t/font_1990212_79ruiwiycik.eot?t=1596687610763'); /* IE9 */ src: url('//at.alicdn.com/t/font_1990212_79ruiwiycik.eot?t=1596687610763#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANYAAsAAAAAB2gAAAMJAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCaIJPATYCJAMICwYABCAFhG0HORt+BsgusG3YkyAIYTZgLTffBgwuhHj4fr927jfeLiZJNUn3LJrIJEKCREjSIFIKlRSYrpL3/9baP0c9zXtUUU2nDd6yO7vMnc/NaTKrqGYSTaweoUloJBJeObNlNNgmR05R/rh32jwPbD6gnObcNADjgKJ0T2yTFUgfjBvGLmiJ5wnUDWoi25hZ0kOegjktECdE4iAvo1Q0ZIYkVBVrC4hLKKUsLc/hIvh+vFqIPJApczBzto+nBRh71IpRhP5DjjwUsKbTg20ixzxQEPuVxk2KKDhPoa4GlUbBtjKDR/8bHnOzfzyCqMBMbwH9kHlNLId9qUhmoEDCGXA9KIfUWtdSVG8/r1jaCK0XFGQ2w1uFhVlJb9zMVOnXQ9UG/WaN8TY8arrLDhs2BP16Y36taSu7ETJAKEWQycIL+NCQ/jozYtxsMBk2rtT+4RqjaaPacLPcosXQs26h3MbSyZKkZled9B6r3tWMtlFNJPrCi+lncufRz5vbEz9NTs94me/4eLcicRqcKkoXddFBk0WpoqW63cpf4h9ER4h8TPLNTPuY/+h455hqopFrZ24K53HgVyuhpofqqeHscYz9d4vzC5NrmQwrAI0vxZWi7K/8xvny6ZXSof/UrAR4+OIrsDe+lLqZQTp3U/APWB2bCo1jqrJCYVVGM2fy7q2iro4GbO3yNlTae8PRkPTetrnJQAK5ZBxd4Oeh1GwJKsky1M2Z3dysG6UQRT4wKw4gdLiETJt7yHV4Rhf4Vyj1eYdKRyig7jAq92w2GaRgkmKOYQGtBhDhHXbR1rCCMFOLJY+Vo2lOQDRi6iYe1N7Slo/MYjumUyxwe6UOxkQkUocNzYDLsNXqQE7qMGOetawx5hxobRWr3tTCO2xQYB2FcRhMgKwKQAieg53odWYKCp/XwiQeVhza0FClNcIoN9I70q5FWwf0rNDeqeFWrnHzknRgGBEiohxskBmgx6xW0AFxVo8yw3hMi7UBfqcBraid2FXYsrzY9na7oM6UZWEdpYD2E8LZzQQ3Cx7ObuEIAAAAAA==') format('woff2'), url('//at.alicdn.com/t/font_1990212_79ruiwiycik.woff?t=1596687610763') format('woff'), url('//at.alicdn.com/t/font_1990212_79ruiwiycik.ttf?t=1596687610763') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_1990212_79ruiwiycik.svg?t=1596687610763#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-lianjie-duankai:before { content: "\e747"; } @font-face { font-family: 'iconfont'; /* project id 1990212 */ src: url('//at.alicdn.com/t/font_1990212_79ruiwiycik.eot'); src: url('//at.alicdn.com/t/font_1990212_79ruiwiycik.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1990212_79ruiwiycik.woff2') format('woff2'), url('//at.alicdn.com/t/font_1990212_79ruiwiycik.woff') format('woff'), url('//at.alicdn.com/t/font_1990212_79ruiwiycik.ttf') format('truetype'), url('//at.alicdn.com/t/font_1990212_79ruiwiycik.svg#iconfont') format('svg'); } @font-face { font-family: "iconfont"; src: url('//at.alicdn.com/t/font_1990236_8f138sk6pav.eot?t=1596688159538'); /* IE9 */ src: url('//at.alicdn.com/t/font_1990236_8f138sk6pav.eot?t=1596688159538#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMIAAsAAAAABugAAAK7AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBcIFwATYCJAMICwYABCAFhG0HMhsYBhHVk1dkXxzwZqzDoPjw1QYUGWZaTXE5Ynpx498H8b3df33m3Dd/8AFFjGBF8DJah4AiRmAK5WYIRVsbz9acBTYqQpVk1dSmWQHmW04vzYC1WQIEhAdAIpgM/c/l9O4qoEDmB8pljkmT7gUYBxTQWJsiK5AC4IaxC1zCYQjgkamItLb3juJgsEYJIKtXLJvFyXkxGJZwEOyahQY5jI1j7bEeo3Eo/Lz8Js0Bi5BilQwutS3Q+O2unaKbg81rH4E3nxlgy0CBImBARmuj/SjCyIoXNeRiX4UC3/5B4OuRvf55iI2VHw5AOuTeE8/l3+ovLQAMYAM9wKpRqWBHhkeEW9esHdeTJ/cexxg7cerUyTnv+PHNJ3x/36ktJxdrRFqGxVQiEL+ssvPS69ejb96MvXs38fbtJkc8HrGzrIotz7ftH8pyrsTecSvOT67992t4OEvYfBvOSXDuxN5OyXHvuPHunVjfWpwbX80plN5u2HtDf/3SGzYLsz1hWuJr9Gl9+VKh6DRWnTY2C4oNZcHhjAAINs9q1l/+Dhdubi2Zjqr9zzcAfJpezArdwRb97ODci03gn/J64owusHSWUXm1SYse7Hst8/CAAHbG+jpWmfACScEh4TXsYWSkoDjko4ZUBCF8SsHGoQE8CnUs94mzBkWMCxTYAUCIdgMsInkASrQnqCF9gRCJ/oJNdAoe4xK3oQ9XZTDjQfAMxweUJ+qUY5AgKpxhfmkOnBWElBXyUAYgCeNiYoId8hxThmueiihQTC2MwXHYNAQ9U4UnCQuRPosiVfei8EStFjDjQfAMjg9QnqhTfnMJSu+fYX5pDtxSV2NeIQ9l+yARinugE2nXq+5enhmueUpEAcXUgjEwY2NHCfT1/So8SagYEe4zEWqk+krD9eXt121B0wIslSF2b8XaonwW1OWaBgA=') format('woff2'), url('//at.alicdn.com/t/font_1990236_8f138sk6pav.woff?t=1596688159538') format('woff'), url('//at.alicdn.com/t/font_1990236_8f138sk6pav.ttf?t=1596688159538') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_1990236_8f138sk6pav.svg?t=1596688159538#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-shizhong:before { content: "\e6bc"; color:black; } @font-face { font-family: 'iconfont'; /* project id 1990236 */ src: url('//at.alicdn.com/t/font_1990236_8f138sk6pav.eot'); src: url('//at.alicdn.com/t/font_1990236_8f138sk6pav.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1990236_8f138sk6pav.woff2') format('woff2'), url('//at.alicdn.com/t/font_1990236_8f138sk6pav.woff') format('woff'), url('//at.alicdn.com/t/font_1990236_8f138sk6pav.ttf') format('truetype'), url('//at.alicdn.com/t/font_1990236_8f138sk6pav.svg#iconfont') format('svg'); }