/*! * AdminJKJ v1.0 !*/ /* * Core: General Layout Style * ------------------------- */ html, body, .container-fluid { height: 100%; margin: 0; min-height: 100%; padding: 0; } .layout-boxed html, .layout-boxed body, .layout-boxed .container-fluid { height: 100%; min-height: 100%; } body { font-family: 'microsoft yahei', 'SimSun', Helvetica, Arial, sans-serif; font-weight: 400; overflow-x: auto; font-size: 13px; color: #383838; } /* Layout */ .wrapper { height: 100%; position: relative; overflow-x: hidden; overflow-y: auto; } .wrapper:before, .wrapper:after { content: " "; display: table; } .wrapper:after { clear: both; } .layout-boxed .wrapper { max-width: 1250px; margin: 0 auto; min-height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); position: relative; } /* * Content Wrapper - contains the main content * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ``` */ .content-wrapper, .right-side, .main-footer { -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out; transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; margin-left: 200px; z-index: 820; } .layout-top-nav .content-wrapper, .layout-top-nav .right-side, .layout-top-nav .main-footer { margin-left: 0; } @media (max-width: 767px) { .content-wrapper, .right-side, .main-footer { margin-left: 0; } } @media (min-width: 768px) { .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer { margin-left: 0; } } @media (max-width: 767px) { .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer { -webkit-transform: translate(200px, 0); -ms-transform: translate(200px, 0); -o-transform: translate(200px, 0); transform: translate(200px, 0); } } .content-wrapper, .right-side { min-height: 100%; background-color: #FFF; z-index: 800; } .main-footer { background: #fff; padding: 15px; color: #444; border-top: 1px solid #d2d6de; } /* Fixed layout */ .fixed .main-header, .fixed .main-sidebar, .fixed .left-side { position: fixed; } .fixed .main-header { top: -30px; right: 0; left: 0; opacity: 0.4; } .fixed .content-wrapper, .fixed .right-side { padding-top: 80px; opacity: 0.4; } .fixed.layout-boxed .wrapper { max-width: 100%; } body.hold-transition .content-wrapper, body.hold-transition .right-side, body.hold-transition .main-footer, body.hold-transition .main-sidebar, body.hold-transition .left-side, body.hold-transition .main-header .navbar, body.hold-transition .main-header .logo { /* Fix for IE */ -webkit-transition: none; -o-transition: none; transition: none; } /* Content */ .content { min-height: 250px; padding: 0; } /* General Links */ a { color: #498ed2; cursor: pointer; } a:hover, a:active, a:focus { outline: none; text-decoration: none; color: #2e75ba; } p { margin-bottom: 0; } ul { padding: 0; } ul li { list-style: none; } /* Page Header */ .page-header { margin: 10px 0 20px 0; font-size: 22px; } .page-header > small { color: #666; display: block; margin-top: 5px; } /* colors */ .red { color: #FA3325 !important; } .orange { color: #fe993d !important; } .right { float: right; } label { font-weight: normal; } .page-body { padding: 15px; min-width: 1120px; } .page-body .page-title { margin: -7px -15px 15px; padding: 0 15px; font-size: 16px; height: 36px; line-height: 30px; border-bottom: 3px solid #008cee; color: #000; position: relative; font-weight: bold; } .page-body .page-title .page-state { margin-left: 30px; display: inline-block; font-size: 13px; font-weight: normal; } .page-body .page-title .page-state a { color: #383838; margin-left: 10px; } .page-body .page-title .btn { margin-left: 20px; float: right; } .page-body form { margin: 0; } .page-body form:before { display: table; content: " "; } .page-body form:after { clear: both; display: table; content: " "; } .page-body form .search-area { float: left; width: 910px; } .page-body form .search-area .search-group { margin: 0 20px 15px 0; display: inline-block; position: relative; vertical-align: top; line-height: 26px; } .page-body form .search-area .search-group label { margin-right: 0; width: 91px; text-align: right; font-weight: normal; vertical-align: middle; } .page-body form .search-area .search-group .form-control { width: 180px; display: inline-block; height: 30px; padding: 0 10px 0 5px; } .page-body form .search-area .search-group .overdatetime { display: inline-block; vertical-align: middle; } .page-body form .search-area .search-group .overdatetime .input-group-addon { top: 0; } .page-body form .search-area .search-group .btn { margin-left: 15px; } @media only screen and (min-width: 1390px) { .page-body form .search-area { margin-right: 20px; width: auto; max-width: 1162px; } .page-body form .search-area .search-group { margin-right: 7px; } } .page-body form .search-group { margin: 0 20px 10px 0; display: inline-block; } .page-body form .search-group .more-criteria, .page-body form .search-group .close-criteria { color: #383838; } .page-body form select, .page-body form input[type="text"], .page-body form input[type="password"], .page-body form input[type="datetime"], .page-body form input[type="datetime-local"], .page-body form input[type="date"], .page-body form input[type="month"], .page-body form input[type="time"], .page-body form input[type="week"], .page-body form input[type="number"], .page-body form input[type="email"], .page-body form input[type="url"], .page-body form input[type="search"], .page-body form input[type="tel"] { height: 30px; line-height: 30px; padding-left: 5px; padding-right: 10px; vertical-align: middle; background: #FFF; border-radius: 5px; word-wrap: normal; -moz-background-clip: padding!important; background-clip: padding-box !important; color: #383838; background-color: #FFF; border: 1px solid #c6c6c6; font-family: inherit; font-size: 13px; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; -o-transition: box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .page-body form select:focus, .page-body form input[type="text"]:focus, .page-body form input[type="password"]:focus, .page-body form input[type="datetime"]:focus, .page-body form input[type="datetime-local"]:focus, .page-body form input[type="date"]:focus, .page-body form input[type="month"]:focus, .page-body form input[type="time"]:focus, .page-body form input[type="week"]:focus, .page-body form input[type="number"]:focus, .page-body form input[type="email"]:focus, .page-body form input[type="url"]:focus, .page-body form input[type="search"]:focus, .page-body form input[type="tel"]:focus { border-color: #3ca7f2; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .page-body form#formMoreSearch { height: 0; display: block; overflow: hidden; } .tabbable .nav-tabs { display: table; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #c6c6c6; border-bottom: 0; background: #e5e8ef; } .tabbable .nav-tabs > li { float: none; display: table-cell; } .tabbable .nav-tabs > li > a { padding: 10px 0; line-height: 15px; text-align: center; color: #333; border-top: 3px solid transparent; } .tabbable .nav-tabs > li > a:hover, .tabbable .nav-tabs > li > a:focus { color: #262626; background-color: transparent; border-color: transparent; } .tabbable .nav-tabs > li.active { border-bottom: 1px solid #FFF; position: relative; z-index: 9; } .tabbable .nav-tabs > li.active > a, .tabbable .nav-tabs > li.active > a:hover, .tabbable .nav-tabs > li.active > a:focus { margin-top: 0; border: 0; border-top: 3px solid #008cee; border-bottom: none; box-shadow: none; background: #FFF; } .tabbable .nav-tabs > li:first-child > a { border-left: none; } .tabbable .tab-content { margin-top: -1px; padding: 16px 12px; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #c6c6c6; background: #FFF; } .tabs-left .nav-tabs { display: initial; width: auto; } .tabs-left > li { display: block; } .tabs-left .page-title { margin: 0 0 20px; } .tabs-left .tab-content-mh > .tab-pane { min-height: 220px; } .margin-bottom-10 { margin-bottom: 10px; } .change-skin { padding: 0 5px; margin-right: 8px; display: inline-block; border: 1px solid #CCC; border-radius: 3px; color: #333; } .change-skin:hover { background: #498ed2; color: #FFF; border-color: #2e75ba; } .skin-circle-blue, .skin-circle-gray, .skin-circle-yellow { margin-right: 10px; height: 15px; width: 15px; display: inline-block; border-radius: 50%; vertical-align: middle; } .skin-circle-blue { background: #498ed2; } .skin-circle-gray { background: #666; } .skin-circle-yellow { background: #f39c12; } .row { margin-right: -5px; margin-left: -5px; } .row .form-control { padding-top: 0; padding-bottom: 0; height: 30px; padding-left: 10px; padding-right: 10px; font-size: 13px; } .row .form-control:focus { border-color: #40a7f2; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 5px; word-wrap: break-word; } .row-void { margin: 0; } .row-void .col-xs-1, .row-void .col-xs-2, .row-void .col-xs-3, .row-void .col-xs-4, .row-void .col-xs-5, .row-void .col-xs-6, .row-void .col-xs-7, .row-void .col-xs-8, .row-void .col-xs-9, .row-void .col-xs-10, .row-void .col-xs-11, .row-void .col-xs-12 { padding: 0 0 5px 0; } .row-form .col-xs-1, .row-form .col-xs-2, .row-form .col-xs-3, .row-form .col-xs-4, .row-form .col-xs-5, .row-form .col-xs-6, .row-form .col-xs-7, .row-form .col-xs-8, .row-form .col-xs-9, .row-form .col-xs-10, .row-form .col-xs-11, .row-form .col-xs-12 { line-height: 30px; } .sidebar-mini .img-normal { margin-left: 10px; } .sidebar-mini.sidebar-collapse .img-normal { margin-left: 0; } label { margin-bottom: 0; } .margin-top-10 { margin-top: 10px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .layer-loading { height: 150px; background: url(../images/loading.gif) center no-repeat; background-size: auto 100%; } .blockui-height { height: 150px; } pre a.fa { font-size: 13px; font-style: italic; } pre code { height: 100px; overflow-y: hidden; display: block; transition: 0.3s; } .auditProcess { margin: 20px auto; text-align: center; } .auditProcess ul { display: inline-block; } .auditProcess ul li { width: 96px; height: 27px; line-height: 27px; text-align: center; background: #d9d9d9; float: left; border-radius: 15px; list-style: none; margin-left: 56px; position: relative; } .auditProcess ul li.on { color: #FFF; background: #fe993d; } .auditProcess ul li.on:before { background: #fe993d; } .auditProcess ul li.on:after { border-left-color: #fe993d; } .auditProcess ul li:before { content: ""; width: 55px; height: 1px; line-height: 1px; background: #c6c6c6; display: inline-block; position: absolute; top: 13px; right: 96px; } .auditProcess ul li:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-left: 8px solid #c6c6c6; border-bottom: 4px solid transparent; position: absolute; top: 9px; left: -8px; } .auditProcess ul li:first-child { margin-left: 0; } .auditProcess ul li:first-child:before { display: none; } .auditProcess ul li:first-child:after { display: none; } .bg-green { background-color: #8cc474 !important; } .bg-red { background-color: #df5138 !important; } .form-control { padding-top: 0; padding-bottom: 0; height: 30px; padding-left: 10px; padding-right: 10px; font-size: 13px; } .form-control[disabled] { box-shadow: none; border: 1px solid #ccc !important; background: #eee; } .form-control[readonly] { box-shadow: none; border: 1px solid #ccc !important; background: inherit; } .page-containers { padding: 10px; margin-bottom: 20px; border-radius: 4px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } input + .popover .popover-content { font-size: 26px; } input + .popover { max-width: 90%; word-wrap: break-word; } .overdatetime { display: initial; } .overdatetime .form-control:first-child { padding: 0 3px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 12px; } .overdatetime .input-group-addon { padding: 0; width: 20px !important; position: absolute; right: 0; top: -5px; z-index: 99; background: none; border: 0; line-height: 30px; font-size: 12px; color: #aaa; } .overdatetime .input-group-addon .glyphicon { line-height: 28px; cursor: pointer; transition: 0.3s; filter: alpha(opacity=50); opacity: 0.5; } .overdatetime .input-group-addon .glyphicon:hover { transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); filter: alpha(opacity=100); opacity: 1; } .row .overdatetime .form-control:first-child { margin-top: -3px; } .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active { background: #357ebd !important; } .datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover { background: #357ebd !important; } .input-group .form-control { float: initial; } .datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend { padding: 0; width: 100%; border: none; border-bottom: 1px solid #e5e5e5; } .daterangepicker { width: max-content !important; } /*图片选择*/ .icon-choice { position: relative; } .icon-choice .icon-choice-select { padding: 3px 12px; height: 28px; vertical-align: middle; background: #999; border-radius: 5px !important; word-wrap: normal; background-clip: padding-box !important; color: #858585; border: 1px solid #d5d5d5; display: inline-block; width: 80px; line-height: normal; } .icon-choice ul { margin: 0; padding: 0; border-radius: 5px !important; border: 1px solid #d5d5d5; width: 80px; overflow: hidden; display: none; position: absolute; } .icon-choice ul li { padding: 3px 12px; vertical-align: middle; background: #bbb; background-clip: padding-box !important; display: inline-block; width: 80px; cursor: pointer; } .icon-choice ul li:hover { background: #008cee; } input[type=checkbox], input[type=radio] { vertical-align: text-bottom; } textarea { padding: 5px !important; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } textarea:focus { border-color: #40a7f2; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .glyphicon { font-family: 'Glyphicons Halflings', "FontAwesome", 'microsoft yahei'; } @media only screen and (min-width: 100px) and (max-width: 768px) { .fixed .content-wrapper, .fixed .right-side { padding-top: 100px; } .main-sidebar, .left-side { top: 0; } .richNavTabs .content .tab-content { margin-top: -50px; padding-top: 50px; } .richNavTabs .content .tab-content .tab-pane { -webkit-overflow-scrolling: touch; overflow-y: scroll; padding-bottom: 50px; } body.sidebar-mini { min-width: 1200px !important; } } .skin-title { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc; position: relative; } .skin-title:after { content: ""; position: absolute; bottom: 0px; left: 0; height: 2px; width: 34px; background: #2167ae; } .protect { margin: 0 25px 40px 0; width: 60px; height: 60px; display: inline-block; border-radius: 6px; cursor: pointer; border: 1px solid #ccc; position: relative; } .protect:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .protect.active { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .protect.active:after { content: ""; position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; background: url(../images/ico-skin-active.png) 0 no-repeat; background-size: 100%; } .protect span { position: absolute; width: 100%; text-align: center; bottom: -24px; } .protect-default { background: #FFF; } .protect-default-choice { background: url(../images/img-protect-default.jpg) 0 no-repeat; } .protect-yellow-choice { background: url(../images/img-protect-yellow.jpg) 0 no-repeat; } .protect-green-choice { background: url(../images/img-protect-green.jpg) 0 no-repeat; } .skin-radio { margin: 0 25px 40px 0; width: 120px; height: 120px; display: inline-block; border-radius: 6px; cursor: pointer; position: relative; } .skin-radio:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border-color: #39a756; } .skin-radio.active { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .skin-radio.active:after { content: ""; position: absolute; top: 6px; right: 7px; width: 22px; height: 22px; background: url(../images/ico-skin-active.png) 0 no-repeat; } .skin-radio > span { position: absolute; width: 100%; text-align: center; bottom: -24px; } .skin-radio > span .left { float: left; } .skin-radio > span .skin-laud { padding-left: 16px; color: #498ed2; float: right; background: url(../images/ico-skin-laud-active.png) 0 no-repeat; } .skin-radio > span .skin-laud.active { color: #a5a5a5; background: url(../images/ico-skin-laud.png) 0 no-repeat; } .skin-raido-blue { background: #498ed2; } .skin-raido-business { background: #666; } .skin-raido-usuao { background: #79aa89; } .skin-raido-futaai { background: #614d62; } .skin-raido-kohuka { background: #8f7352; } .skin-raido-suzumecha { background: #825644; } .skin-raido-girl { background: url(../images/skin-girl.jpg) 0 no-repeat; } .skin-raido-greenhat { background: url(../images/skin-greenhat.jpg) 0 no-repeat; } .skin-raido-bathing { background: url(../images/skin-bathing.jpg) 0 no-repeat; } .skin-raido-deciduous { background: url(../images/skin-deciduous.jpg) 0 no-repeat; } .skin-raido-duck { background: url(../images/skin-duck.jpg) 0 no-repeat; } .skin-raido-rain { background: url(../images/skin-rain.jpg) 0 no-repeat; } .skin-raido-soldier { background: url(../images/skin-soldier.jpg) 0 no-repeat; } .skin-raido-swim { background: url(../images/skin-swim.jpg) 0 no-repeat; } .photo-clipArea { margin: 0 20px; height: 300px; } .photo-clipBtn { margin: 20px; } .photo-view { margin: 0 auto; width: 100px; height: 100px; border: 2px solid #ccc; border-radius: 50%; } .photo-file[type="file"] { display: none; } .photo-file-name { line-height: 30px; } .photo-view-name { margin-top: 10px; text-align: center; color: #999; } /*皮肤上线公告*/ .announcement-skin { margin: -28px -20px -15px; width: 442px; height: 380px; background: url(../images/bg-announcement.png) 0 0 no-repeat; text-align: center; } .btn-announcement { margin-top: 300px; width: 280px; height: 38px; background-color: #498ed2; color: #FFF; border-color: #FFF; border-radius: 4px; } .btn-announcement:hover, .btn-announcement:active, .btn-announcement.hover, .btn-announcement:focus { background-color: #3d86cf; border-color: #2e75ba !important; color: #FFF; } .btn-announcement:active:hover, .btn-announcement:active:focus { background-color: #3581cd; } .radio-inline, .checkbox-inline { vertical-align: baseline; } .announcement_modal { position: relative; margin: -15px -20px; } .announcement_modal h3 { text-align: center; font-size: 17px; font-weight: bold; } .announcement_modal .announcement-cont { padding: 15px; margin: 25px; border: 1px solid #e6e6e6; height: 180px; overflow-y: auto; word-wrap: break-word; } .announcement_modal .tabbable .tab-content { border: 0; } .announcement_modal .img-ad { width: 188px; height: 200px; background: url(../images/img-announcement-modal.png) 0 no-repeat; position: absolute; top: 50px; right: -127px; } .document-modal { padding: 15px; border: 1px solid #ccc; } .document-modal .organization { padding: 10px; border: 1px solid #ccc; } .document-modal .select2-container--default .select2-selection--single { border: 0 !important; } .document-modal .select2-container--default .select2-selection--multiple { border: 0 !important; } .document-modal .select2-container--open .select2-dropdown--below { border: 1px solid #ccc; border-top-left-radius: 4px; border-top-right-radius: 4px; } .document-modal .select2-container--default .select2-search--inline .select2-search__field { background: rgba(160, 195, 231, 0.6); } .note-insert button { display: none; } .note-insert button:first-child { display: inline-block; border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } .popover { max-width: 500px; } .print-name { white-space: nowrap; display: table-cell; vertical-align: top; } .print-cont { width: 100%; display: table-cell; } /* * Component: Main Header * ---------------------- */ .main-header { position: relative; max-height: 100px; z-index: 1030; } .main-header .navbar { -webkit-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; margin-bottom: 0; margin-left: 200px; border: none; min-height: 50px; border-radius: 0; } .layout-top-nav .main-header .navbar { margin-left: 0; } .main-header #navbar-search-input.form-control { background: rgba(255, 255, 255, 0.2); border-color: transparent; } .main-header #navbar-search-input.form-control:focus, .main-header #navbar-search-input.form-control:active { border-color: rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.9); } .main-header #navbar-search-input.form-control::-moz-placeholder { color: #ccc; opacity: 1; } .main-header #navbar-search-input.form-control:-ms-input-placeholder { color: #ccc; } .main-header #navbar-search-input.form-control::-webkit-input-placeholder { color: #ccc; } .main-header .navbar-custom-menu, .main-header .navbar-right { float: right; } @media (max-width: 991px) { .main-header .navbar-custom-menu a, .main-header .navbar-right a { color: inherit; background: transparent; } } @media (max-width: 767px) { .main-header .navbar-right { float: none; } .navbar-collapse .main-header .navbar-right { margin: 7.5px -15px; } .main-header .navbar-right > li { color: inherit; border: 0; } } .main-header .sidebar-toggle { float: left; background-color: transparent; background-image: none; padding: 16px 15px; font-family: fontAwesome; position: relative; } .main-header .sidebar-toggle:before { content: "\f0c9"; } .main-header .sidebar-toggle:hover { color: #fff; } .main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active { background: transparent; } .main-header .sidebar-toggle .fa-caret-left { position: absolute; top: 17px; left: 2px; } .main-header .sidebar-toggle .icon-bar { display: none; } .main-header .navbar .nav > li.user > a > .fa, .main-header .navbar .nav > li.user > a > .glyphicon, .main-header .navbar .nav > li.user > a > .ion { margin-right: 5px; } .main-header .navbar .nav > li > a > .label { position: absolute; top: 9px; right: 7px; text-align: center; font-size: 9px; padding: 2px 3px; line-height: 0.9; } .main-header .logo { -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; display: block; float: left; height: 50px; font-size: 20px; line-height: 50px; text-align: center; width: 200px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 15px; font-weight: 300; overflow: hidden; } .main-header .logo .logo-lg { display: block; } .main-header .logo .logo-mini { display: none; } .main-header .navbar-brand { color: #fff; } .content-header { position: relative; padding: 15px 15px 0 15px; } .content-header > h1 { margin: 0; font-size: 24px; } .content-header > h1 > small { font-size: 15px; display: inline-block; padding-left: 4px; font-weight: 300; } .content-header > .breadcrumb { float: right; background: transparent; margin-top: 0; margin-bottom: 0; font-size: 12px; padding: 7px 5px; position: absolute; top: 15px; right: 10px; border-radius: 2px; } .content-header > .breadcrumb > li > a { color: #444; text-decoration: none; display: inline-block; } .content-header > .breadcrumb > li > a > .fa, .content-header > .breadcrumb > li > a > .glyphicon, .content-header > .breadcrumb > li > a > .ion { margin-right: 5px; } .content-header > .breadcrumb > li + li:before { content: '>\00a0'; } @media (max-width: 991px) { .content-header > .breadcrumb { position: relative; margin-top: 5px; top: 0; right: 0; float: none; background: #d2d6de; padding-left: 10px; } .content-header > .breadcrumb li:before { color: #97a0b3; } } .navbar-toggle { color: #fff; border: 0; margin: 0; padding: 15px 15px; } @media (max-width: 991px) { .navbar-custom-menu .navbar-nav > li { float: left; } .navbar-custom-menu .navbar-nav { margin: 0; float: left; } .navbar-custom-menu .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; } } @media (max-width: 767px) { .main-header { position: relative; } .main-header .logo, .main-header .navbar { width: 100%; float: none; } .main-header .navbar { margin: 0; } .main-header .navbar-custom-menu { float: right; } } @media (max-width: 991px) { .navbar-collapse.pull-left { float: none !important; } .navbar-collapse.pull-left + .navbar-custom-menu { display: block; position: absolute; top: 0; right: 40px; } } .modal.set-system .modal-body { padding: 0; } .modal.set-system .modal-body .nav-tabs-first { background: #edefee; } .modal.set-system .modal-body .nav-tabs-first li a { padding: 0 15px; height: 44px; line-height: 44px; font-size: 14px; color: #383838; border: none; background: none; } .modal.set-system .modal-body .nav-tabs-first li.active a, .modal.set-system .modal-body .nav-tabs-first li:hover a { color: #2167ae; border: none; background: none; } .modal.set-system .modal-body .nav-tabs-second { width: 110px; float: left; background: none; border: none; } .modal.set-system .modal-body .nav-tabs-second li { float: none; } .modal.set-system .modal-body .nav-tabs-second li a { padding: 0 15px; margin-right: 0; height: 36px; line-height: 36px; font-size: 13px; color: #383838; border: none; background: none; text-align: left; border-radius: 0; } .modal.set-system .modal-body .nav-tabs-second li.active a, .modal.set-system .modal-body .nav-tabs-second li:hover a { color: #2167ae; border: none; background: #e1e6eb; } .modal.set-system .modal-body .nav-tabs-second + .tab-content { padding-top: 10px; margin-left: 110px; background: #FFF; } .modal.set-system .modal-body .nav-tabs-second + .tab-content .row { margin: 0; } /* * Component: Sidebar * ------------------ */ .main-sidebar, .left-side { position: absolute; top: 80px; left: -30px; padding-top: 0px; min-height: 100%; width: 200px; z-index: 810; opacity: 0.4; -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out; transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; } @media (max-width: 767px) { .main-sidebar, .left-side { padding-top: 100px; } } @media (max-width: 767px) { .main-sidebar, .left-side { -webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); -o-transform: translate(-200px, 0); transform: translate(-200px, 0); } } @media (min-width: 768px) { .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side { -webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); -o-transform: translate(-200px, 0); transform: translate(-200px, 0); } } @media (max-width: 767px) { .sidebar-open .main-sidebar, .sidebar-open .left-side { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .sidebar { padding-bottom: 10px; font-family: "microsoft yahei", 'simsun'; } .sidebar-form input:focus { border-color: transparent; } .user-panel { position: relative; width: 100%; margin-top: 10px; margin-bottom: 40px; padding: 10px; cursor: pointer; } .user-panel:before, .user-panel:after { content: " "; display: table; } .user-panel:after { clear: both; } .user-panel > .image > img { width: 100%; max-width: 50px; height: auto; } .user-panel > .info { margin-left: 10px; padding: 5px 5px 5px 15px; line-height: 1; position: absolute; left: 55px; } .user-panel > .info > p { font-weight: 600; margin-bottom: 9px; font-size: 14px; } .user-panel > .info > a { text-decoration: none; padding-right: 5px; margin-top: 3px; font-size: 11px; } .user-panel > .info > a > .fa, .user-panel > .info > a > .ion, .user-panel > .info > a > .glyphicon { margin-right: 3px; } .sidebar-menu { font-size: 14px; list-style: none; margin: 0; padding: 0; } .sidebar-menu > li { position: relative; margin: 0; padding: 0; } .sidebar-menu > li > a { padding: 0px 5px 0px 15px; line-height: 36px; display: block; } .sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion { width: 20px; } .sidebar-menu > li .label, .sidebar-menu > li .badge { margin-right: 5px; } .sidebar-menu > li .badge { margin-top: 3px; } .sidebar-menu li.header { padding: 10px 25px 10px 15px; font-size: 12px; } .sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left { width: auto; height: auto; padding: 0; margin-right: 10px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .sidebar-menu li > a > .fa-angle-left { position: absolute; top: 50%; right: 10px; margin-top: -8px; } .sidebar-menu li.active > a > .fa-angle-left, .sidebar-menu li.active > a > .pull-right-container > .fa-angle-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .sidebar-menu li.active > .treeview-menu { display: block; } .sidebar-menu .treeview-menu { display: none; list-style: none; padding: 0; margin: 0; } .sidebar-menu .treeview-menu .ico-circle-o { width: 28px; height: 36px; background: url(../images/ico-sidebar.png) 50% no-repeat; display: inline-block; float: left; } .sidebar-menu .treeview-menu > li { margin: 0; line-height: 36px; } .sidebar-menu .treeview-menu > li > a { width: 200px; padding-left: 15px; display: block; font-size: 14px; line-height: 36px; height: 36px; } .sidebar-menu .treeview-menu > li > a > .fa, .sidebar-menu .treeview-menu > li > a > .glyphicon, .sidebar-menu .treeview-menu > li > a > .ion { width: 20px; } .sidebar-menu .treeview-menu > li > a > .pull-right-container > .fa-angle-left, .sidebar-menu .treeview-menu > li > a > .pull-right-container > .fa-angle-down, .sidebar-menu .treeview-menu > li > a > .fa-angle-left, .sidebar-menu .treeview-menu > li > a > .fa-angle-down { width: auto; } .sidebar-menu .treeview-menu > li > ul a { padding-left: 52px; } .menu-ico1, .menu-ico2, .menu-ico3, .menu-ico4, .menu-ico5, .menu-ico6, .menu-ico7, .menu-ico8, .menu-ico9, .menu-ico10 { margin-right: 4px; width: 20px; height: 20px; display: inline-block; background: url(../images/ico-aside-new.png) no-repeat; vertical-align: text-bottom; } .menu-ico1 { background-position: 0 0; } .menu-ico2 { background-position: 0 -23px; } .menu-ico3 { background-position: 0 -46px; } .menu-ico5 { background-position: 0 -92px; } .menu-ico6 { background-position: 0 -115px; } .menu-ico7 { background-position: 0 -139px; } .menu-ico4 { background-position: 0 -161px; } .menu-ico8 { background: url(../images/ico-hgzx.png); } .menu-ico9 { background-position: 0 -184px; } .menu-ico10 { background-position: 0 -208px; } .dropright-user-panel { width: 250px; position: absolute; left: 220px; top: 40px; z-index: 999; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); display: none; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; } .dropright-user-panel .panel-top { height: 140px; background: #498ed2; color: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; } .dropright-user-panel .panel-top img { margin: 29px 0 10px 20px; width: 80px; height: 80px; vertical-align: middle; } .dropright-user-panel .panel-top .info p { margin: 45px 0 0 15px; font-size: 18px; font-weight: bold; } .dropright-user-panel .panel-top .info span { margin-left: 15px; font-size: 16px; } .dropright-user-panel .panel-bottom { height: 70px; background: #FFF; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center; font-size: 27px; } .dropright-user-panel .panel-bottom .icon-point { margin-top: 15px; width: 40px; height: 40px; line-height: 40px; position: relative; cursor: pointer; display: inline-block; } .dropright-user-panel .panel-bottom .icon-point.color-1 { color: #2883c9; } .dropright-user-panel .panel-bottom .icon-point.color-2 { color: #28c961; } .dropright-user-panel .panel-bottom .icon-point.color-3 { color: #ff9849; font-size: 23px; } .dropright-user-panel .panel-bottom .icon-point.color-4 { color: #5c5c5c; } .dropright-user-panel .panel-bottom .icon-point i { position: relative; z-index: 2; } .dropright-user-panel .panel-bottom .icon-point .bg-icon-point { width: 100%; height: 100%; border-radius: 50%; background: #e2e2e2; opacity: 0; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); transition: 0.3s; position: absolute; top: 0; z-index: 1; } .dropright-user-panel .panel-bottom .icon-point:hover .bg-icon-point { opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .dropright-user-panel:after { content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid #498ed2; border-bottom: 8px solid transparent; position: absolute; top: 30px; left: -8px; } .dropright-user-panel.show { display: block; } /* * Component: Sidebar Mini */ @media (min-width: 768px) { .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 50px !important; z-index: 840; } .sidebar-mini.sidebar-collapse .main-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); width: 50px !important; z-index: 850; } .sidebar-mini.sidebar-collapse .sidebar-menu > li { position: relative; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > a { height: 43px; margin-right: 0; text-align: center; padding: 0; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span { border-top-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span { border-bottom-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { display: block !important; position: absolute; width: 200px; left: 50px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { top: 0; margin-left: -3px; padding: 12px 5px 12px 20px; background-color: inherit; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { position: relative!important; float: right; width: auto!important; left: 200px!important; top: -22px !important; z-index: 900; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) { display: none; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { top: 44px; margin-left: 0; } .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header { display: none !important; -webkit-transform: translateZ(0); } .sidebar-mini.sidebar-collapse .main-header .logo { width: 50px; } .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini { display: block; margin-left: -15px; margin-right: -15px; font-size: 18px; } .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg { display: none; } .sidebar-mini.sidebar-collapse .main-header .navbar { margin-left: 50px; } } .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header { white-space: nowrap; overflow: hidden; } .sidebar-menu:hover { overflow: visible; } .sidebar-form, .sidebar-menu > li.header { overflow: hidden; text-overflow: clip; } .sidebar-menu li > a { position: relative; } .sidebar-menu li > a > .pull-right-container { position: absolute; right: 10px; top: 50%; margin-top: -7px; } /* * Component: Control sidebar. By default, this is the right sidebar. */ .control-sidebar-bg { position: fixed; z-index: 1000; bottom: 0; } .control-sidebar-bg, .control-sidebar { top: 0; right: -200px; width: 200px; -webkit-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } .control-sidebar { position: absolute; padding-top: 50px; z-index: 1010; } @media (max-width: 768px) { .control-sidebar { padding-top: 50px + 50; } } .control-sidebar > .tab-content { padding: 10px 15px; } .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open + .control-sidebar-bg { right: 0; } .control-sidebar-open .control-sidebar-bg, .control-sidebar-open .control-sidebar { right: 0; } @media (min-width: 768px) { .control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer { margin-right: 200px; } } .nav-tabs.control-sidebar-tabs > li:first-of-type > a, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus { border-left-width: 0; } .nav-tabs.control-sidebar-tabs > li > a { border-radius: 0; } .nav-tabs.control-sidebar-tabs > li > a, .nav-tabs.control-sidebar-tabs > li > a:hover { border-top: none; border-right: none; border-left: 1px solid transparent; border-bottom: 1px solid transparent; } .nav-tabs.control-sidebar-tabs > li > a .icon { font-size: 16px; } .nav-tabs.control-sidebar-tabs > li.active > a, .nav-tabs.control-sidebar-tabs > li.active > a:hover, .nav-tabs.control-sidebar-tabs > li.active > a:focus, .nav-tabs.control-sidebar-tabs > li.active > a:active { border-top: none; border-right: none; border-bottom: none; } @media (max-width: 768px) { .nav-tabs.control-sidebar-tabs { display: table; } .nav-tabs.control-sidebar-tabs > li { display: table-cell; } } .control-sidebar-heading { font-weight: 400; font-size: 16px; padding: 10px 0; margin-bottom: 10px; } .control-sidebar-subheading { display: block; font-weight: 400; font-size: 14px; } .control-sidebar-menu { list-style: none; padding: 0; margin: 0 -15px; } .control-sidebar-menu > li > a { display: block; padding: 10px 15px; } .control-sidebar-menu > li > a:before, .control-sidebar-menu > li > a:after { content: " "; display: table; } .control-sidebar-menu > li > a:after { clear: both; } .control-sidebar-menu > li > a > .control-sidebar-subheading { margin-top: 0; } .control-sidebar-menu .menu-icon { float: left; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; } .control-sidebar-menu .menu-info { margin-left: 45px; margin-top: 3px; } .control-sidebar-menu .menu-info > .control-sidebar-subheading { margin: 0; } .control-sidebar-menu .menu-info > p { margin: 0; font-size: 11px; } .control-sidebar-menu .progress { margin: 0; } .control-sidebar-dark { color: #ffffff; } .control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg { background: #3581cd; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs { border-bottom: #3079c3; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a { background: #2e74ba; color: #ffffff; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus { border-left-color: #2c6fb2; border-bottom-color: #2c6fb2; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active { background: #3079c3; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover { color: #fff; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active { background: #3581cd; color: #fff; } .control-sidebar-dark .control-sidebar-heading, .control-sidebar-dark .control-sidebar-subheading { color: #fff; } .control-sidebar-dark .control-sidebar-menu > li > a:hover { background: #498ed2; } .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p { color: #ffffff; } .control-sidebar-light { color: #5e5e5e; } .control-sidebar-light, .control-sidebar-light + .control-sidebar-bg { background: #f9fafc; border-left: 1px solid #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs { border-bottom: #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { background: #e8ecf4; color: #444; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus { border-left-color: #d2d6de; border-bottom-color: #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active { background: #eff1f7; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active { background: #f9fafc; color: #111; } .control-sidebar-light .control-sidebar-heading, .control-sidebar-light .control-sidebar-subheading { color: #111; } .control-sidebar-light .control-sidebar-menu { margin-left: -14px; } .control-sidebar-light .control-sidebar-menu > li > a:hover { background: #f4f4f5; } .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { color: #5e5e5e; } /* * Component: Dropdown menus * ------------------------- */ /*Dropdowns in general*/ .dropdown-menu > li > a { color: #777; } .dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion { margin-right: 10px; } .dropdown-menu > li > a:hover { background-color: #e1e3e9; color: #333; } .dropdown-menu > .divider { background-color: #eee; } .navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu { width: 280px; padding: 0 0 0 0; margin: 0; top: 100%; } .navbar-nav > .notifications-menu > .dropdown-menu > li, .navbar-nav > .messages-menu > .dropdown-menu > li, .navbar-nav > .tasks-menu > .dropdown-menu > li { position: relative; } .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #ffffff; padding: 7px 10px; border-bottom: 1px solid #f4f4f4; color: #444444; font-size: 14px; } .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 12px; background-color: #fff; padding: 7px 10px; border-bottom: 1px solid #eeeeee; color: #444 !important; text-align: center; } @media (max-width: 991px) { .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background: #fff !important; color: #444 !important; } } .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover { text-decoration: none; font-weight: normal; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { max-height: 200px; margin: 0; padding: 0; list-style: none; overflow-x: hidden; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { display: block; white-space: nowrap; /* Prevent text from breaking */ border-bottom: 1px solid #f4f4f4; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { background: #f4f4f4; text-decoration: none; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { color: #444444; overflow: hidden; text-overflow: ellipsis; padding: 10px; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { width: 20px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a { margin: 0; padding: 10px 10px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img { margin: auto 10px auto auto; width: 40px; height: 40px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { padding: 0; margin: 0 0 0 45px; color: #444444; font-size: 15px; position: relative; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { color: #999999; font-size: 10px; position: absolute; top: 0; right: 0; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { margin: 0 0 0 45px; font-size: 12px; color: #888888; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { content: " "; display: table; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { clear: both; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { padding: 10px; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 { font-size: 14px; padding: 0; margin: 0 0 10px 0; color: #666666; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { padding: 0; margin: 0; } .navbar-nav > .user-menu > .dropdown-menu { border-top-right-radius: 0; border-top-left-radius: 0; padding: 1px 0 0 0; border-top-width: 0; width: 280px; } .navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header { height: 175px; padding: 10px; text-align: center; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { z-index: 5; height: 90px; width: 90px; border: 3px solid; border-color: transparent; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { z-index: 5; color: #fff; color: rgba(255, 255, 255, 0.8); font-size: 17px; margin-top: 10px; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small { display: block; font-size: 12px; } .navbar-nav > .user-menu > .dropdown-menu > .user-body { padding: 15px; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #dddddd; } .navbar-nav > .user-menu > .dropdown-menu > .user-body:before, .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { content: " "; display: table; } .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { clear: both; } .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #444 !important; } @media (max-width: 991px) { .navbar-nav > .user-menu > .dropdown-menu > .user-body a { background: #fff !important; color: #444 !important; } } .navbar-nav > .user-menu > .dropdown-menu > .user-footer { background-color: #f9f9f9; padding: 10px; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before, .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { content: " "; display: table; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { clear: both; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { color: #666666; } @media (max-width: 991px) { .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { background-color: #f9f9f9; } } .navbar-nav > .user-menu .user-image { float: left; width: 25px; height: 25px; border-radius: 50%; margin-right: 10px; margin-top: -2px; } @media (max-width: 767px) { .navbar-nav > .user-menu .user-image { float: none; margin-right: 0; margin-top: -8px; line-height: 10px; } } /* Add fade animation to dropdown menus by appending the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ .open:not(.dropup) > .animated-dropdown-menu { backface-visibility: visible !important; -webkit-animation: flipInX 0.7s both; -o-animation: flipInX 0.7s both; animation: flipInX 0.7s both; } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); } } /* Fix dropdown menu in navbars */ .navbar-custom-menu > .navbar-nav > li { position: relative; } .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 0; left: auto; } @media (max-width: 991px) { .navbar-custom-menu > .navbar-nav { float: right; } .navbar-custom-menu > .navbar-nav > li { position: static; } .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 5%; left: auto; border: 1px solid #ddd; background: #fff; } } /* * Component: Nav * -------------- */ .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus { color: #444; background: #f7f7f7; } /* NAV PILLS */ .nav-pills > li > a { border-radius: 0; border-top: 3px solid transparent; color: #444; } .nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion { margin-right: 5px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { border-top-color: #498ed2; } .nav-pills > li.active > a { font-weight: 600; } /* NAV STACKED */ .nav-stacked > li > a { border-radius: 0; border-top: 0; border-left: 3px solid transparent; color: #444; } .nav-stacked > li.active > a, .nav-stacked > li.active > a:hover { background: transparent; color: #444; border-top: 0; border-left-color: #498ed2; } .nav-stacked > li.header { border-bottom: 1px solid #ddd; color: #777; margin-bottom: 10px; padding: 5px 10px; text-transform: uppercase; } /* NAV TABS */ .nav-tabs-custom { margin-bottom: 20px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; } .nav-tabs-custom > .nav-tabs { margin: 0; border-bottom-color: #f4f4f4; border-top-right-radius: 3px; border-top-left-radius: 3px; } .nav-tabs-custom > .nav-tabs > li { border-top: 3px solid transparent; margin-bottom: -2px; margin-right: 5px; } .nav-tabs-custom > .nav-tabs > li > a { color: #444; border-radius: 0; } .nav-tabs-custom > .nav-tabs > li > a.text-muted { color: #999; } .nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover { background: transparent; margin: 0; } .nav-tabs-custom > .nav-tabs > li > a:hover { color: #999; } .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { border-color: transparent; } .nav-tabs-custom > .nav-tabs > li.active { border-top-color: #498ed2; } .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a { background-color: #fff; color: #444; } .nav-tabs-custom > .nav-tabs > li.active > a { border-top-color: transparent; border-left-color: #f4f4f4; border-right-color: #f4f4f4; } .nav-tabs-custom > .nav-tabs > li:first-of-type { margin-left: 0; } .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { border-left-color: transparent; } .nav-tabs-custom > .nav-tabs.pull-right { float: none !important; } .nav-tabs-custom > .nav-tabs.pull-right > li { float: right; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { margin-right: 0; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a { border-left-width: 1px; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { border-left-color: #f4f4f4; border-right-color: transparent; } .nav-tabs-custom > .nav-tabs > li.header { line-height: 35px; padding: 0 10px; font-size: 20px; color: #444; } .nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion { margin-right: 5px; } .nav-tabs-custom > .tab-content { background: #fff; padding: 10px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus { background: transparent; color: #999; } .nav-tabs-custom.tab-primary > .nav-tabs > li.active { border-top-color: #498ed2; } .nav-tabs-custom.tab-info > .nav-tabs > li.active { border-top-color: #00c0ef; } .nav-tabs-custom.tab-danger > .nav-tabs > li.active { border-top-color: #FA3325; } .nav-tabs-custom.tab-warning > .nav-tabs > li.active { border-top-color: #f39c12; } .nav-tabs-custom.tab-success > .nav-tabs > li.active { border-top-color: #00a65a; } .nav-tabs-custom.tab-default > .nav-tabs > li.active { border-top-color: #d2d6de; } /* PAGINATION */ .pagination > li > a { background: none; color: #666; } .pagination.pagination-flat > li > a { border-radius: 0 !important; } .navbar-fixed-top { background: #FFF; } .main-header .navbar .nav li > a { background: none; } .main-header .navbar .nav li > a:hover, .main-header .navbar .nav li > a:active, .main-header .navbar .nav li > a:focus { background: none; } .main-header .navbar .nav li > a.wave { overflow: visible; cursor: pointer; z-index: 10; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: -moz-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: -o-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), -moz-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), -o-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .main-header .navbar .nav li > a.wave:after { content: ""; top: 5px; left: 5px; position: absolute; width: 32px; height: 32px; background-image: -webkit-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%); background-image: -moz-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%); background-image: -o-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%); border: 1px solid #fff; -webkit-animation: wave 5s 3s infinite linear; -moz-animation: wave 5s 3s infinite linear; -o-animation: wave 5s 3s infinite linear; animation: wave 5s 3s infinite linear; zoom: 1; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%); } .main-header .navbar .nav .open > a { background: none; } .main-header .navbar .nav .open > a:hover, .main-header .navbar .nav .open > a:focus { background: none; } @-webkit-keyframes wave { 5% { opacity: 0.6; } 27% { -webkit-transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes wave { 5% { opacity: 0.6; } 27% { -moz-transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } @keyframes wave { 5% { opacity: 0.6; } 27% { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } .nav-tabs { border-color: #cacaca; } .nav-tabs > li > a { margin-right: 0; border-radius: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { border-color: #cacaca; border-bottom-color: transparent; border-top: 3px solid #008cee; } .tab-content > .tab-pane { display: block; height: 0 !important; overflow: hidden !important; } .tab-content > .tab-pane.active { display: block; height: auto !important; overflow: auto !important; } .nav-tab-right .tab-content > .tab-pane.active { overflow: initial !important; } .tabbable .nav-tabs { background: #f1f4f9; } /* * Component: Button * ----------------- */ .btn { padding: 0 20px; height: 30px; line-height: 28px; font-size: 13px; border-radius: 8px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; vertical-align: top; /*for mozilla*/ } .btn.uppercase { text-transform: uppercase; } .btn.btn-flat { border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 1px; } .btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn:focus, .btn:active, .btn:active:focus { outline: none; } .btn::-moz-focus-inner { border-color: transparent; } .btn.btn-file { position: relative; overflow: hidden; } .btn.btn-file > input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block; } .btn-default { background-color: #f4f4f4; color: #444; border-color: #ddd; } .btn-default:hover, .btn-default:active, .btn-default.hover { background-color: #e7e7e7; } .btn-success { background-color: #00a65a; border-color: #008d4c; } .btn-success:hover, .btn-success:active, .btn-success.hover { background-color: #008d4c; } .btn-info { background-color: #00c0ef; border-color: #00acd6; } .btn-info:hover, .btn-info:active, .btn-info.hover { background-color: #00acd6; } .btn-danger { background-color: #FA3325; border-color: #f91c0c; } .btn-danger:hover, .btn-danger:active, .btn-danger.hover { background-color: #f91c0c; } .btn-warning { background-color: #f39c12; border-color: #e08e0b; } .btn-warning:hover, .btn-warning:active, .btn-warning.hover { background-color: #e08e0b; } .btn-outline { border: 1px solid #fff; background: transparent; color: #fff; } .btn-outline:hover, .btn-outline:focus, .btn-outline:active { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); } .btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn[class*='bg-']:hover { -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); } .btn-app { border-radius: 3px; position: relative; padding: 15px 5px; margin: 0 0 10px 10px; min-width: 80px; height: 60px; text-align: center; color: #666; border: 1px solid #ddd; background-color: #f4f4f4; font-size: 12px; } .btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion { font-size: 20px; display: block; } .btn-app:hover { background: #f4f4f4; color: #444; border-color: #aaa; } .btn-app:active, .btn-app:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400; } .btn-confirm { background-color: #fe993d; color: #FFF; border-color: #FFF; border-radius: 4px; } .btn-confirm:hover, .btn-confirm:active, .btn-confirm.hover { background-color: #fe912e; border-color: #fe7e0a !important; color: #FFF; } .btn-confirm:active:hover, .btn-confirm:active:focus { background-color: #fe8c24; } .btn-confirm:focus { color: #FFF; } .btn-primary { background-color: #498ed2; color: #FFF; border-color: #FFF; border-radius: 4px; } .btn-primary:hover, .btn-primary:active, .btn-primary.hover, .btn-primary:focus { background-color: #3d86cf; border-color: #2e75ba !important; color: #FFF; } .btn-primary:active:hover, .btn-primary:active:focus { background-color: #3581cd; } .btn-cancel { background-color: #d9d9d9; color: #7b7b7b; border-color: #FFF; border-radius: 4px; } .btn-cancel:hover, .btn-cancel:active, .btn-cancel.hover { background-color: #d1d1d1; border-color: #c0c0c0 !important; color: #7b7b7b; } .btn-cancel:active:hover, .btn-cancel:active:focus { background-color: #cccccc; } .btn-cancel:focus { color: #7b7b7b; } .btn-submit { margin: 20px 0; text-align: center; } .btn-submit .btn { margin: 0 30px; } button { position: relative; overflow: hidden; zoom: 1; } /* * Component: alert * ---------------- */ .alert { padding: 15px 35px 15px 15px !important; border-radius: 3px; } .alert h4 { font-weight: 600; } .alert .icon { margin-right: 10px; } .alert .close { color: #000; opacity: 0.2; filter: alpha(opacity=20); } .alert .close:hover { opacity: 0.5; filter: alpha(opacity=50); } .alert a { color: #fff; text-decoration: underline; } .alert-success { border-color: #008d4c; background: #dff0d8; } .alert-danger, .alert-error { border-color: #f91c0c; background-color: #f2dede; } .alert-warning { border-color: #e08e0b; } .alert-info { border-color: #00acd6; } .fa-danger:before { content: "\f05e"; } .fa-success:before { content: "\f00c"; } /* * 组件: richNavTabs 富导航标签 * -------------- */ .richNavTabs .content-header { border: none; padding: 0; width: auto !important; } .richNavTabs .content-header .nav-control span { font-size: 20px; padding: 0; margin: 0; } .richNavTabs .content-header .nav-control-backward { float: left; } .richNavTabs .content-header .nav-control-forward { float: right; } .richNavTabs .content-header .nav-tabs-wrapper { display: block; overflow: hidden; height: 27px; border-bottom: 1px solid #c6c6c6; } .richNavTabs .content-header .nav-tabs-wrapper .nav-tabs { display: table; height: 26px; border-bottom: none; white-space: nowrap; } .richNavTabs .content-header .nav-tabs-wrapper .nav-tabs li { float: none; margin: 0 0 -1px 0; height: 27px; border-right: 1px solid #c6c6c6; } .richNavTabs .content-header .nav-tabs-wrapper .nav-tabs li a { border: none; border-radius: 0; display: inline-block; height: 27px; line-height: 26px; margin: 0; padding: 0 20px 0 10px; filter: inherit; text-align: left; width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.3s; } .richNavTabs .content-header .nav-tabs-wrapper .nav-tabs li a .span { padding: 5px; } .richNavTabs .content-header .nav-tabs-wrapper .nav-tabs li a .nav-tabs-close { position: absolute; padding: 6px; right: 1px; opacity: 0.6; cursor: pointer; } .richNavTabs .content-header .nav-tabs-wrapper .nav li { display: inline-block; } .richNavTabs .content .tab-content { position: relative; overflow: hidden; } .richNavTabs .content .tab-content .tab-pane { overflow: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; height: auto !important; background: #FFF; } .richNavTabs .content .tab-content .tab-pane.active { z-index: 99; } .richNavTabs .content .tab-content .tab-pane.close-loading { animation: closeLoading 0.5s ease-in-out 1; -webkit-animation: closeLoading 0.5s ease-in-out 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 1; z-index: 101; height: auto !important; border-radius: 4px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .richNavTabs .content .tab-content .tab-pane.open-loading { animation: openLoading 1s ease-in-out 1; -webkit-animation: openLoading 1s ease-in-out 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 1; z-index: 99; height: auto !important; border-radius: 4px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); overflow: hidden !important; } .richNavTabs .contextMenu { display: none; position: absolute; text-align: left; z-index: 100; border: 1px solid #d9d7da; -webkit-box-shadow: 2px 2px 3px #d9d9d9; -moz-box-shadow: 2px 2px 3px #d9d9d9; box-shadow: 2px 2px 3px #d9d9d9; background: #FFF; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; } .richNavTabs .contextMenu ul { display: block; list-style: none; margin: 0; width: 100px; } .richNavTabs .contextMenu ul li { cursor: pointer; display: block; list-style: none; padding: 6px 10px; } .richNavTabs .contextMenu ul li:hover { color: #FFF; background: #6da8e4; } @keyframes openLoading { 0% { top: 45%; bottom: 45%; right: 95%; left: 0%; } 20% { top: 45%; bottom: 45%; right: 90%; left: 5%; } 40% { top: 45%; bottom: 45%; right: 90%; left: 5%; } 100% { top: 0; bottom: 0; right: 0; left: 0; } } @-webkit-keyframes openLoading { 0% { top: 45%; bottom: 45%; right: 95%; left: 0%; } 20% { top: 45%; bottom: 45%; right: 90%; left: 5%; } 40% { top: 45%; bottom: 45%; right: 90%; left: 5%; } 100% { top: 0; bottom: 0; right: 0; left: 0; } } @keyframes closeLoading { 0% { top: 0; bottom: 0; right: 0; left: 0; opacity: 1; } 30% { top: 5%; bottom: 5%; right: 5%; left: 5%; opacity: 1; } 50% { top: 5%; bottom: 5%; right: 5%; left: 5%; opacity: 1; } 100% { top: 50%; bottom: 50%; right: 100%; left: 5%; opacity: 0.3; } } @-webkit-keyframes closeLoading { 0% { top: 0; bottom: 0; right: 0; left: 0; opacity: 1; } 30% { top: 5%; bottom: 5%; right: 5%; left: 5%; opacity: 1; } 50% { top: 5%; bottom: 5%; right: 5%; left: 5%; opacity: 1; } 100% { top: 50%; bottom: 50%; right: 100%; left: 5%; opacity: 0.3; } } /* * Plugin: Select2 * --------------- */ .select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active { outline: none; } .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { padding: 6px 12px; } .select2-container--default.select2-container--open { border-color: #498ed2; } .select2-dropdown { border: 1px solid #d2d6de; border-radius: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #498ed2; color: white; } .select2-results__option { padding: 6px 12px; user-select: none; -webkit-user-select: none; } .select2-container { vertical-align: top !important; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; height: auto; margin-top: -4px; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 6px; padding-left: 20px; } .select2-container--default .select2-selection--single { border: 1px solid #c6c6c6 !important; background: rgba(255, 255, 255, 0) !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; right: 3px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 0; } .select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field { border: 1px solid #d2d6de; } .select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus { outline: none; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { color: #444; } .select2-container--default .select2-selection--multiple { border: 1px solid #d2d6de; } .select2-container--default .select2-selection--multiple:focus { border-color: #498ed2; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #d2d6de; } .select2-container--default .select2-selection--multiple { background-color: transparent !important; border: 1px solid #c6c6c6 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #498ed2 !important; border-color: #3581cd !important; padding: 1px 10px !important; color: #fff !important; margin-top: 1px !important; margin-bottom: 1px !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px !important; color: rgba(255, 255, 255, 0.7) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff !important; } .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 10px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #383838 !important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { line-height: 22px; height: 26px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { line-height: 22px; } .form-control.select2-hidden-accessible[disabled] { border: none !important; } .form-control.select2-hidden-accessible { height: 0px !important; } .product .select2-container--default .select2-selection--single, .product .select2-selection .select2-selection--single { padding: 6px 2px; } /* * Component: detail * ---------------- */ .fixed-menu { position: absolute; top: 3px; right: 0; } .fixed-menu > ul { margin-right: 10px; } .fixed-menu > ul > li { margin: 5px 10px; float: right; position: relative; list-style: none; } .fixed-menu > ul > li > a { width: 118px; height: 28px; line-height: 26px; background: #fe993d; color: #FFF; display: inline-block; text-align: center; border: 1px solid #fff; border-radius: 4px; cursor: pointer; } .fixed-menu > ul > li > a:hover { background-color: #fe912e; border-color: #fe7e0a; color: #FFF; } .fixed-menu > ul > li > a:active { background-color: #fe8c24; color: #FFF; } .fixed-menu > ul > li:hover ul { display: block; } .fixed-menu > ul > li ul { display: none; width: 100%; position: absolute; top: 28px; left: 0; padding: 0; z-index: 99; } .fixed-menu > ul > li ul li { list-style: none; } .fixed-menu > ul > li ul li a { margin-top: 5px; width: 118px; height: 28px; line-height: 29px; background: rgba(56, 56, 56, 0.5); color: #FFF; display: inline-block; text-align: center; border-radius: 3px; } .fixed-menu > ul > li ul li a:hover, .fixed-menu > ul > li ul li a:active, .fixed-menu > ul > li ul li a.hover { background: rgba(254, 153, 61, 0.8); } .fixed-menu > ul > li ul li a i { margin-right: 8px; line-height: 30px; float: right; } .fixed-anchor { margin: 10px 0 0; background: #FFF; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } .fixed-anchor ul { margin-bottom: 0; height: 36px; width: 100%; } .fixed-anchor ul li { margin-left: -1px; width: 10%; height: 36px; line-height: 36px; float: left; text-align: center; list-style: none; cursor: pointer; font-weight: bolder; font-size: 13px; color: #7b7b7b; } .fixed-anchor ul li:hover, .fixed-anchor ul li.active { border-bottom: 3px solid #498ed2; font-size: 14px; color: #498ed2; } .orderProcess { margin: 20px auto 10px; text-align: center; } .orderProcess ul { padding: 0; display: inline-block; } .orderProcess ul li { width: 11px; height: 11px; text-align: center; color: #383838; background: #d9d9d9; border-radius: 11px; float: left; list-style: none; margin-left: 90px; position: relative; display: table; } .orderProcess ul li:before { content: ""; width: 85px; height: 1px; line-height: 1px; background: #d9d9d9; display: inline-block; position: absolute; top: 5px; right: 13px; } .orderProcess ul li:first-child { margin-left: 0; } .orderProcess ul li:first-child:before { display: none; } .orderProcess ul li span { padding: 0 5px; width: 100px; line-height: 20px; display: table-cell; vertical-align: middle; position: absolute; top: 15px; left: -45px; } .orderProcess ul li.on { background: #fe993d; color: #fe993d; } .orderProcess ul li.on:before { background: #fe993d; } .form-title { display: block; padding: 0; font-weight: bold; font-size: 13px; margin-bottom: 15px; } .form-title .page-state { margin-left: 30px; display: inline-block; font-weight: normal; } .form-title button { background: none; border: none; font-size: 14px; color: #498ed2; } .form-title button:hover, .form-title button:active, .form-title button.hover, .form-title button:focus { background: none; color: #2e75ba; outline: none; text-decoration: none; } .form-title button:active:hover, .form-title button:active:focus { background: none; outline: none; box-shadow: none; } .form-title .glyphicon:before { padding-right: 3px; vertical-align: sub; font-size: 16px; } .form-name { margin: 0 7px 0 0; width: 130px; vertical-align: top; float: left; text-align: right; line-height: 30px; } .form-list { margin-bottom: 10px; } .form-list ul { padding: 0; width: 100%; max-height: 78px; overflow-y: hidden; } .form-list ul.drop-down { height: auto; max-height: 260px; overflow-y: auto; } .form-list ul li { height: 26px; line-height: 26px; list-style: none; overflow: hidden; white-space: nowrap; } .form-list ul li span { margin: 0 20px; } .form-list ul li input[type=text], .form-list ul li select { height: 24px; line-height: 24px; vertical-align: top; } .details-group .search-group { margin-bottom: 5px !important; } .search-group { line-height: 30px; position: relative; vertical-align: top; } .modal-gray.product { margin: 10px 0 15px; padding: 5px 0 0 0; border: 1px solid #ccc; } .modal-gray.product table { margin: 0 0 -1px; border-left: 0; border-right: 0; } .modal-gray.product table th:first-child { border-left: 0; } .modal-gray.product table th:last-child { border-right: 0; } .modal-gray.product table td:first-child { border-left: 0; } .modal-gray.product table td:last-child { border-right: 0; } .floor.active { -webkit-box-shadow: 0 0 15px #498ed2; -moz-box-shadow: 0 0 15px #498ed2; box-shadow: 0 0 15px #498ed2; } fieldset { min-width: auto; } fieldset > div { padding: 5px 10px; margin-left: 138px; margin-bottom: 20px; border: 1px solid #ccc; } fieldset > legend { padding: 5px 10px; width: auto; margin-left: 150px; margin-top: -10px; margin-bottom: 20px; border: 1px solid #ccc; background: #FFF; overflow: hidden; } fieldset label { margin-right: 20px !important; line-height: 30px; } .form-inline:after { display: table; content: " "; clear: both; } .form-inline:before { display: table; content: " "; } .btn-font4 { width: 76px; display: inline-block; } .btn-font5 { width: 94px; display: inline-block; } .chevron-down { text-align: center; } .chevron-down i { font-size: 14px; cursor: pointer; } .chevron-down i:hover { font-size: 16px; } /* * Component: Table * ---------------- */ .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #cacaca; vertical-align: middle; } .table > thead > tr > th { border-bottom: 1px solid #cacaca; } .table tr td .progress { margin-top: 5px; } .table-bordered { border: 1px solid #cacaca; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { padding: 8px; border: 1px solid #cacaca; line-height: 22px; word-break: break-all; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 0px; } .dataTables_scrollHead .table-bordered > thead > tr > th, .dataTables_scrollHead .table-bordered > thead > tr > td { border-bottom-width: 1px; } .dataTables_scrollFoot .table-bordered > tfoot > tr > th, .dataTables_scrollFoot .table-bordered > tfoot > tr > td { border-top-width: 0px; } .table.no-border, .table.no-border td, .table.no-border th { border: 0; } /* .text-center in tables */ table.text-center, table.text-center td, table.text-center th { text-align: center; } .table.align th { text-align: left; } .table.align td { text-align: right; } .table thead tr th { background: #e5e8ef; text-align: center; line-height: 19px; } .table thead tr td a { margin: 0 3px; } .table button { padding: 0; margin: 0 3px; border: none; background: none; display: inline; color: #498ed2; line-height: 13px; } .table button:hover, .table button:active, .table button:focus { color: #2e75ba; border: none; outline: none; } .table a { margin: 0 3px; } .table.table-data { table-layout: fixed; } .table.table-data tr td { word-break: break-all; word-wrap: break-word; } .table.table-data tr td textarea { height: 120px; width: 100%; } .table.table-data tr td select, .table.table-data tr td input[type="text"] { width: 80%; } .table.table-data tr th { text-align: right; font-weight: normal; line-height: 30px; } .table .table-darkgreen { padding: 0 3px; display: inline-block; background: #fd7624; color: #fff; } .table .table-darkgreen:hover, .table .table-darkgreen:active, .table .table-darkgreen:focus { color: #fff; } .table .table-red { padding: 0 3px; display: inline-block; background: #ed4d35; color: #fff; } .table .table-red:hover, .table .table-red:active, .table .table-red:focus { color: #fff; } .table .table-yellow { padding: 0 3px; display: inline-block; background: #fdb91a; color: #fff; } .table .table-yellow:hover, .table .table-yellow:active, .table .table-yellow:focus { color: #fff; } .table .table-blue { padding: 0 3px; display: inline-block; background: #5ea9fa; color: #fff; } .table .table-blue:hover, .table .table-blue:active, .table .table-blue:focus { color: #fff; } .table .table-green { padding: 0 3px; display: inline-block; background: #34b96a; color: #fff; } .table .table-green:hover, .table .table-green:active, .table .table-green:focus { color: #fff; } .table .table-purple { padding: 0 3px; display: inline-block; background: #ab6fb7; color: #fff; } .table .table-purple:hover, .table .table-purple:active, .table .table-purple:focus { color: #fff; } .table .table-relative { position: relative; } .table .table-relative .table-top-red { line-height: 20px; padding: 0 5px; display: inline-block; background: #ed4c38; color: #FFF; font-size: 12px; position: absolute; top: 0; left: 0; } .table .table-relative .table-top-red:hover, .table .table-relative .table-top-red:active, .table .table-relative .table-top-red:focus { color: #fff; } .dataTables_wrapper table.dataTable { margin-top: 0px !important; } .dataTables_wrapper .col-sm-12 { padding-top: 0px; } table.dataTable tbody tr { background-color: rgba(255, 255, 255, 0) !important; } .table-hover > tbody > tr:hover { background-color: #f5f5f5 !important; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 4px !important; } .dataTables_wrapper { margin-top: -6px; position: relative; } .dataTables_wrapper .col-sm-6 { position: static; padding: 0 5px; } .dataTables_wrapper .dataTables_length { position: absolute; bottom: 18px; left: 0; z-index: 2; } .dataTables_wrapper .dataTables_length select { padding: 0 0 0 8px; width: 60px !important; height: 20px; } .dataTables_wrapper .dataTables_info { margin-top: 6px; margin-left: 130px; } .dataTables_wrapper .dataTables_paginate { margin-top: 6px !important; height: 41px; } .tableD { width: 100%; } .tableD th { line-height: 30px; padding: 5px; border: none; vertical-align: top; font-weight: normal; text-align: right; } .tableD td { line-height: 30px; padding: 5px; border: none; vertical-align: top; } .table-condensed thead tr th { background: #FFF; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #498ed2 !important; border-color: #498ed2; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination > li > a, .pagination > li > span, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { border: 1px solid #cacaca; } .overflow-word { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 200px; display: block; } .table-list { margin-bottom: 20px; border: 1px solid #cacaca; width: 100%; } .table-list thead th { text-align: center; font-weight: bold; } .table-list thead th label { line-height: normal; float: right; } .table-list th, .table-list td { line-height: 20px; padding: 5px; border: 1px solid #cacaca; vertical-align: top; } .table-list th { background: #e5e8ef; font-weight: normal; text-align: left; } .dataTables_scrollFoot .table-bordered { margin-top: -1px !important; border-bottom: 0; } table.dataTable tbody tr.selected { background-color: #B0BED9 !important; } .nopaging .dataTables_info { display: none; } table.table.dataTable { border-collapse: collapse !important; } .hid-column { position: absolute; left: 350px; bottom: -40px; z-index: 9; } .hid-column .hid-column-btn { width: 36px; height: 26px; border: 1px solid #cacaca; background: none; border-radius: 5px; color: #666; } .hid-column ul { display: none; position: absolute; border: 1px solid #cacaca; background: #FFF; bottom: 17px; } .hid-column ul li { padding: 4px 8px; cursor: pointer; } .hid-column ul li:hover { background: #87b4e1; } .hid-column ul li label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 150px; display: block; } .hid-column ul li input { margin-right: 5px; } /* * Page: Login * ---------------------- */ .navi { margin: 0 auto; padding: 0px; width: 100%; background: #FFF; width: 1200px; } .navi .navi-logo { background: url(../images/ico_logo.png) no-repeat; height: 55px; width: 256px; display: inline-block; } .body { background: url(../images/bg-login.jpg) 50%; background-size: cover; height: 600px; width: 100%; margin: 0 auto; padding: 0; border: none; } .body .form { margin-top: 110px; margin-right: 20px; width: 359px; height: 365px; background: url(../images/img-loginArea.jpg) 0 0 no-repeat; float: right; position: relative; } .body .form input[type='text'], .body .form input[type='password'] { padding: 0 10px; width: 265px; height: 40px; position: absolute; left: 66px; border: none; background: none; } .body .form input[type='text']:focus, .body .form input[type='password']:focus { outline: none; } .body .form input[type='text'] { top: 122px; } .body .form input[type='password'] { top: 162px; } .body .form [type='submit'] { width: 305px; height: 40px; background: #4f94f3; color: #FFF; font-size: 18px; border: none; position: absolute; top: 275px; left: 28px; cursor: pointer; } .body .form label { font-size: 13px; position: absolute; top: 225px; left: 28px; } .body .form label.error-msg { left: auto; right: 30px; color: #d7180b; } .body .form .animate { width: 147px; height: 80px; position: absolute; top: 42px; left: 115px; overflow: hidden; } .body .form .animate .hand-2, .body .form .animate .hand-3 { width: 40px; height: 48px; display: inline-block; position: absolute; z-index: 8; } .body .form .animate .hand-2 { background: url(../images/ico-hand-2.png) 0 0 no-repeat; animation: hand2 2s linear infinite alternate; } .body .form .animate .hand-3 { background: url(../images/ico-hand-3.png) 0 0 no-repeat; animation: hand3 2s linear infinite alternate; } .body .form .hand-1 { width: 121px; height: 18px; background: url(../images/ico-hand-1.png) 0 0 no-repeat; display: inline-block; position: absolute; top: 108px; left: 130px; animation: hand1 2s linear infinite alternate; z-index: 9; } .foot { padding: 20px 0; background-color: #fff; } .foot p { color: #666; margin: 10px; text-align: center; } .foot p a { color: #666; } @keyframes hand1 { from { opacity: 100; } 49% { opacity: 100; } 50% { opacity: 0; } 81% { opacity: 0; } to { opacity: 0; } } @keyframes hand2 { from { top: 70px; left: 0; } 50% { top: 70px; left: 0; } to { top: 32px; left: 30px; } } @keyframes hand3 { from { top: 70px; right: 0; } 50% { top: 70px; right: 0; } to { top: 32px; right: 30px; } } /* * Component: modal * ---------------- */ .modal .modal-content { border-radius: 0; } .modal .modal-content .close { position: absolute; top: 15px; right: 10px; z-index: 99; transition: 0.3s; width: 15px; height: 15px; font-size: 15px; } .modal .modal-content .close:hover { transform: rotate(-90deg); } .modal .modal-content .close span { width: 15px; height: 15px; display: inline-block; } .modal .modal-header { padding: 10px 15px 10px 20px; border-bottom: 3px solid #008cee; } .modal .modal-header .modal-state { display: inline-block; margin-left: 30px; font-size: 13px; } .modal .modal-header .modal-state label { margin-right: 10px; } .modal .modal-body { padding: 15px 20px 15px 20px; } .modal .modal-body .modal-footer { padding: 15px 0 0; } .modal .modal-footer { border-top: none; } .modal .modal-footer .btn { padding-left: 25px; padding-right: 25px; } .modal .modal-footer .btn + .btn { margin-left: 20px; } .file-error-message { position: relative; } /* * Component: validate * ---------------- */ .page-body form.tooltip-validate { overflow: visible; } .page-body form.tooltip-validate .tooltip { z-index: 1049; } .page-body form.tooltip-validate .help-block { margin: 0; } .tooltip-inner { font-size: 12px; background: #dd4b39; color: #FFF; } .tooltip.top { padding: 0 0 5px; } .tooltip.top .tooltip-arrow { border-top-color: #dd4b39; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #dd4b39; } .form-group { margin-bottom: 5px; } .tooltip.top { margin-top: 0; } .tooltip.in { filter: alpha(opacity=70); opacity: 0.7; } .tooltip-inner { padding: 2px 5px; } .has-error .form-control, .has-error .form-control:focus { border-color: #fb5042 !important; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-top: 8px; } .select2-container .select2-selection--single .select2-selection__rendered { margin-top: -6px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0 !important; } .tip-parent { display: initial; } .tooltip { z-index: 10700; } /* * Component: Tree * ---------------- */ .icon-state-default { color: #bac3d0; } .icon-state-success { color: #36c6d3; } .icon-state-info { color: #659be0; } .icon-state-warning { color: #f1c40f; } .icon-state-danger { color: #ed6b75; } /* * Component: treeTable * ---------------- */ table.treetable tr.collapsed span.indenter a { background-image: url(data:image/png;base64,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); } table.treetable tr.expanded span.indenter a { background-image: url(data:image/png;base64,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); } /* * Component: blockui * ---------------- */ .loading-message span { color: white; } /* * 组件: 工作台 * ---------------- */ .workbench-operation { height: 120px; width: 30px; position: fixed; top: 120px; right: 0px; z-index: 99; } .workbench-operation .workbench-operation-custom, .workbench-operation .workbench-operation-cancel, .workbench-operation .workbench-operation-save { width: 30px; color: #fff; background: rgba(0, 140, 238, 0.5); border: 0; cursor: pointer; font-weight: bold; word-wrap: break-word; white-space: normal; border-radius: 10px 0 0 10px; height: 120px; } .workbench-operation .workbench-operation-custom:hover, .workbench-operation .workbench-operation-cancel:hover, .workbench-operation .workbench-operation-save:hover, .workbench-operation .workbench-operation-custom:active, .workbench-operation .workbench-operation-cancel:active, .workbench-operation .workbench-operation-save:active, .workbench-operation .workbench-operation-custom.hover, .workbench-operation .workbench-operation-cancel.hover, .workbench-operation .workbench-operation-save.hover { background: rgba(0, 140, 238, 0.7); border: 0; } .workbench-operation .workbench-operation-custom { display: none; } .workbench-operation .workbench-operation-cancel { display: none; } .workbench-bottom-widgets { bottom: 0; border-width: 1px 0 0; border-radius: 0; left: 0; margin-bottom: 0; position: fixed; right: 0; z-index: 1030; } .workbench-widgets-wrapper { display: block; overflow: hidden; overflow-x: auto; width: 100%; } .workbench-widgets-wrapper .workbench-widget { display: inline-block; width: 120px; margin-left: 2px; margin-right: 3px; overflow: hidden; } .workbench-widgets-wrapper .workbench-widget .workbench-widget-header { cursor: move; } .workbench-widgets-empty { height: 173px; background: #FFF url(../images/bg-workbench-widgets.jpg) 50% no-repeat; } .workbench-widgets { display: table; padding-top: 5px; white-space: nowrap; } .workbench-widgets .workbench-widget { margin-left: 2px; margin-right: 3px; } .workbench-widget { width: 218px; } .workbench-widget .workbench-widget-header { border-top: 3px solid #f1d96c; cursor: move; } .workbench-widget .workbench-widget-header .workbench-widget-title { font-size: 13px; font-weight: 200; line-height: 34px; margin: 0; padding: 0 5px; } .workbench-widget .workbench-widget-body { border-top: 3px solid #e7e8ea; height: 127px; } .grid-stack-item .workbench-widget-header { position: relative; z-index: 1; } .grid-stack-item .workbench-widget-header .workbench-widget-close { border: 0; background: transparent; color: #000; cursor: pointer; display: none; filter: alpha(opacity=20); font-weight: bold; font-size: 21px; line-height: 1; opacity: 0.2; padding: 5px; position: absolute; right: 0; text-shadow: 0 1px 0 #fff; top: 0; z-index: 10; -webkit-appearance: none; } .grid-stack-item .workbench-widget-body { height: 100%; margin-top: -24px; padding: 0; padding-top: 24px; } .grid-stack { margin-bottom: -15px; } .mytools { margin: 10px 5px; width: 80px; height: 80px; display: inline-block; text-align: center; float: left; } .mytools span { display: block; word-wrap: break-word; word-break: normal; } .mytools i { width: 32px; height: 40px; display: inline-block; background: url(../images/ico-mytools.png) 0 0 no-repeat; } .add-mytools i { background: url(../images/ico-add.png) 0 0 no-repeat; } .undefined-data { height: 100%; min-height: 250px; background: url(../images/img-undefineddata.png) center center no-repeat; } /* * Component: customizable * ---------------- */ .grid-stack > .grid-stack-item.ui-draggable { padding: 0 8px; border: none; } .grid-stack > .grid-stack-item.ui-draggable .workbench-widget { width: 100%; box-shadow: 0px 2px 10px #ccc; height: 100%; overflow: hidden; } .grid-stack > .grid-stack-item.ui-draggable .workbench-widget .workbench-widget-header { border-top-left-radius: 5px; border-top-right-radius: 5px; } .grid-stack > .grid-stack-item.ui-draggable .workbench-widget .workbench-widget-header .workbench-widget-title { padding-left: 7px; color: #383838; font-size: 16px; line-height: 32px; } .grid-stack > .grid-stack-item.ui-draggable .workbench-widget .workbench-widget-body { margin-top: -1px; padding: 10px 7px; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .workbench-bottom-widgets { background: #e5e8ef; } .workbench-bottom-widgets .workbench-widgets-wrapper { padding: 0 15px 5px; } .workbench-bottom-widgets .workbench-widgets-wrapper .workbench-widget { border-color: #ddd; box-shadow: 0px 2px 10px #ccc; border-radius: 5px; background: #FFF; } .workbench-bottom-widgets .workbench-widgets-wrapper .workbench-widget .workbench-widget-header { padding: 10px 0; } .workbench-bottom-widgets .workbench-widgets-wrapper .workbench-widget .workbench-widget-header .workbench-widget-title { text-align: center; color: #383838; font-size: 13px; line-height: 26px; } .workbench-bottom-widgets .workbench-widgets-wrapper .workbench-widget .workbench-widget-body { padding: 10px 7px; } /* * Component: upload * ---------------- */ .upload { background-color: #eee; border: 1px solid #ddd; margin-bottom: 20px; padding: 10px; overflow: auto; min-height: 120px; position: relative; } .upload > * { background: url(../images/fileType/other.png) no-repeat top; background-size: 60px 80px; float: left; height: 122px; margin: 10px; overflow: hidden; position: relative; padding-top: 80px; text-align: center; width: 80px; } .upload input { cursor: pointer; font-size: 6em; opacity: 0; position: absolute; right: 0px; top: 0px; filter: alpha(opacity=0); } .upload form { background-image: url(../images/upload.png); } .upload span { display: none; } .upload label { line-height: 18px; word-wrap: break-word; word-break: normal; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .uploadreadonly { background-color: #eee; border: 1px solid #ddd; margin-bottom: 20px; padding: 10px; overflow: auto; min-height: 120px; } .upload-pdf { background: url(../images/fileType/pdf.png) no-repeat top; background-size: 60px 80px; } .upload-txt { background: url(../images/fileType/txt.png) no-repeat top; background-size: 60px 80px; } .upload-zip, .upload-rar, .upload-7z { background: url(../images/fileType/zip.png) no-repeat top; background-size: 60px 80px; } .upload-doc, .upload-docx { background: url(../images/fileType/word.png) no-repeat top; background-size: 60px 80px; } .upload-xls, .upload-xlsx { background: url(../images/fileType/excel.png) no-repeat top; background-size: 60px 80px; } .upload-ppt, .upload-pptx { background: url(../images/fileType/ppoint.png) no-repeat top; background-size: 60px 80px; } .upload-png, .upload-jpg, .upload-jpeg { background: url(../images/fileType/picture.png) no-repeat top; background-size: 60px 80px; } .upload a:hover span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAUVBMVEXuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAADuAAC25UNfAAAAGnRSTlMAKusG/fzXjyuUlfkskLsJjvjUmL3W89j69AJpFtIAAABvSURBVHheZY9ZEoMwDENllhAgaYHu7/4HbUxnOm14f5I3WY4tYV1vi+lDO3Y4dJfzrk98ubaSJn4YpdiDrIHGBH3UAFhxijZgUGAvFryNoBl33HDNXBv3emSrl2al/7OpCjYdox+fc2J+PF9bTi7eKR4NrKktqqkAAAAASUVORK5CYII=); display: block !important; height: 16px; right: 0px; position: absolute; top: 0px; width: 16px; } .upload-disable-edit .upload a:hover span { display: none !important; } .upload-disable-edit .btn-edit { display: none !important; } .upload mark { margin: 0; padding: 0; display: block; height: 22px; line-height: 22px; left: 0px; position: absolute; top: 0px; width: 22px; color: #FFF; z-index: 10; background: none; } .upload mark .bg-green { background: #8cc474; } .input-group-btn .btn { height: 34px; line-height: 34px; border-color: #3581cd; } .fileinput-remove { display: none; } .row .input-group .file-caption { height: 34px; } /* * Component: scroll * ------------------ */ /*滚动条 start*/ ::-webkit-scrollbar { width: 6px; height: 10px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background: #fff; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgba(73, 142, 210, 0.4); } ::-webkit-scrollbar-thumb:hover { border-radius: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgba(73, 142, 210, 0.7); } /* * Plugin: linkageInput * --------------- */ .linkage { width: 470px; display: inline-block; border: 2px solid #eee; padding: 5px; background: #FFF; position: absolute; top: 30px; left: 0; z-index: 1001; } .linkage span { color: #56b4f8; height: 15px; width: 15px; line-height: 11px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; cursor: pointer; } .linkage span:hover { border: 1px solid #72a7dc; } .linkage-header { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #72a7dc; padding: 0; margin: 0; } .linkage-header li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; } .citySel { background-color: #72a7dc; color: #fff !important; } .linkage-content { width: 100%; display: inline-block; padding: 10px 0; } .linkage-content a { width: 83px; display: inline-block; background-color: #dbe8f7; color: #666; margin-left: 6px; margin-top: 3px; line-height: 30px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .linkage-content a:hover { color: #fff; background-color: #72a7dc; } .AreaS { background-color: #72a7dc !important; color: #fff !important; } .back-content .linkage-content a { width: 218px; } /* * Plugin: richSelect * --------------- */ .richselect { display: block; } .richselect > .nav-tabs > li { box-shadow: none; border: 1px solid #c6c6c6; background: #e5e8ef; } .richselect > .nav-tabs > li > a { color: #000000; } .richselect > .nav-tabs > li.active { border-top: 3px solid #008cee; border-bottom: 1px solid #ffffff; box-shadow: none; } .richselect > .nav-tabs > li.active > a { background: #FFF; border: none; border-radius: 0; color: #000000; margin-top: 0; margin-right: 0; } .richselect > .tab-content { margin-top: -1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #c6c6c6; background: #FFF; } .richselect > .tab-content > .tab-pane { margin: 2px 0; } .richselect > .tab-content > .tab-pane > .richselect-side { width: 35%; height: 250px; overflow-y: auto; border: 1px solid #ccc; float: right; margin: 0 2px; } .richselect > .tab-content > .tab-pane > .richselect-side > .richselect-side-selection-wrapper { padding: 5px; } .richselect > .tab-content > .tab-pane > .richselect-side > .richselect-side-selection-wrapper > .richselect-side-selection { padding: 0; } .richselect > .tab-content > .tab-pane > .richselect-side > .richselect-side-selection-wrapper > .richselect-side-selection > .richselect-side-selection-option, .richselect > .tab-content > .tab-pane > .richselect-side > .richselect-side-selection-wrapper > .richselect-side-selection .richselect-side-selection-option-selected { cursor: pointer; margin-bottom: 1px; } .richselect > .tab-content > .tab-pane > .richselect-side > .richselect-side-selection-wrapper > .richselect-side-selection > .richselect-side-selection-option:hover, .richselect > .tab-content > .tab-pane > .richselect-side > .richselect-side-selection-wrapper > .richselect-side-selection .richselect-side-selection-option-selected:hover { background: #e0e0e0; } .richselect > .tab-content > .tab-pane > .richselect-side > .richselect-side-selection-wrapper > .richselect-side-selection > .richselect-side-selection-option-selected { background: #DDD9F9; } .richselect > .tab-content > .tab-pane > .richselect-main { height: 250px; overflow-y: auto; overflow-x: hidden; } .richselect > .tab-content > .tab-pane > .richselect-main > .richselect-main-result > span.richselect-main-result-item { padding: 3px 8px 3px 10px; margin: 3px 5px; background: #57b5e3; color: #FFF; display: inline-block; border-radius: 3px; font-size: 14px; } .richselect > .tab-content > .tab-pane > .richselect-main > .richselect-main-result > span.richselect-main-result-item > a { margin-left: -8px; float: left; color: #ccc; font-size: 14px; padding: 0 5px; } .richselect > .tab-content > .tab-pane > .richselect-main > .richselect-main-result > span.richselect-main-result-item > label { line-height: normal; } .richselect > .tab-content > .tab-pane > .richselect-main > .richselect-main-result > .richselect-main-input { border: none; outline: none; margin: 3px 0 3px 5px; } .richselect > .tab-content > .tab-pane > .richselect-main .richselect-main-selection-option { margin: 6px; cursor: pointer; } .richselect > .tab-content > .tab-pane > .richselect-main .richselect-main-selection-option:hover { background: #e0e0e0; } .richselect > .tab-content > .tab-pane > .richselect-main .richselect-main-selection-empty { margin: 6px; height: 20px; line-height: 20px; } /* * Component: ripple * ---------------- */ /** * ============================================================================= * ************ 涟漪动画 ************ * ============================================================================= */ .ripple { position: relative; overflow: hidden; } .mdui-ripple { position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Ripple */ .mdui-ripple-wave { position: absolute !important; top: 0; left: 0; z-index: 1; padding: 0; margin: 0; font-size: 0; pointer-events: none; background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; transition: 0.3s ease-in; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(0px, 0px, 0) scale(0); transform: translate3d(0px, 0px, 0) scale(0); } /* 有背景色的默认使用白色涟漪 */ .mdui-ripple[class*="mdui-color-"] .mdui-ripple-wave { background-color: rgba(255, 255, 255, 0.3); } /* 白色涟漪 */ .mdui-ripple-white .mdui-ripple-wave { background-color: rgba(255, 255, 255, 0.3) !important; } /* 黑色涟漪 */ .mdui-ripple-black .mdui-ripple-wave { background-color: rgba(0, 0, 0, 0.1) !important; } .mdui-ripple-wave-fill { opacity: 0.35; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .mdui-ripple-wave-out { opacity: 0; -webkit-transition-duration: 600ms; transition-duration: 600ms; } /** * ============================================================================= * ************ Ripple 颜色 ************ * ============================================================================= */ .mdui-ripple-amber .mdui-ripple-wave { background-color: rgba(255, 193, 7, 0.3) !important; } .mdui-ripple-blue .mdui-ripple-wave { background-color: rgba(33, 150, 243, 0.3) !important; } .mdui-ripple-blue-grey .mdui-ripple-wave { background-color: rgba(96, 125, 139, 0.3) !important; } .mdui-ripple-brown .mdui-ripple-wave { background-color: rgba(121, 85, 72, 0.3) !important; } .mdui-ripple-cyan .mdui-ripple-wave { background-color: rgba(0, 188, 212, 0.3) !important; } .mdui-ripple-deep-orange .mdui-ripple-wave { background-color: rgba(255, 87, 34, 0.3) !important; } .mdui-ripple-deep-purple .mdui-ripple-wave { background-color: rgba(103, 58, 183, 0.3) !important; } .mdui-ripple-green .mdui-ripple-wave { background-color: rgba(76, 175, 80, 0.3) !important; } .mdui-ripple-grey .mdui-ripple-wave { background-color: rgba(158, 158, 158, 0.3) !important; } .mdui-ripple-indigo .mdui-ripple-wave { background-color: rgba(63, 81, 181, 0.3) !important; } .mdui-ripple-light-blue .mdui-ripple-wave { background-color: rgba(3, 169, 244, 0.3) !important; } .mdui-ripple-light-green .mdui-ripple-wave { background-color: rgba(139, 195, 74, 0.3) !important; } .mdui-ripple-lime .mdui-ripple-wave { background-color: rgba(205, 220, 57, 0.3) !important; } .mdui-ripple-orange .mdui-ripple-wave { background-color: rgba(255, 152, 0, 0.3) !important; } .mdui-ripple-pink .mdui-ripple-wave { background-color: rgba(233, 30, 99, 0.3) !important; } .mdui-ripple-purple .mdui-ripple-wave { background-color: rgba(156, 39, 176, 0.3) !important; } .mdui-ripple-red .mdui-ripple-wave { background-color: rgba(244, 67, 54, 0.3) !important; } .mdui-ripple-teal .mdui-ripple-wave { background-color: rgba(0, 150, 136, 0.3) !important; } .mdui-ripple-yellow .mdui-ripple-wave { background-color: rgba(255, 235, 59, 0.3) !important; } /** * ============================================================================= * ************ Ripple dark ************ * ============================================================================= */ .mdui-theme-layout-dark .mdui-ripple-wave { background-color: rgba(255, 255, 255, 0.3); } /* * Component: animate * ---------------- */ .zoomOutUp { -webkit-animation-duration: 0.5s !important; -moz-animation-duration: 0.5s !important; animation-duration: 0.5s !important; } .fadeInLeftBig { -webkit-animation-duration: 0.5s !important; -moz-animation-duration: 0.5s !important; animation-duration: 0.5s !important; } .zoomIn { -webkit-animation-duration: 0.2s !important; -moz-animation-duration: 0.2s !important; animation-duration: 0.2s !important; } .fadeOutRight, .fadeInLeft, .fadeOutLeft, .fadeInRight { -webkit-animation-duration: 0.5s !important; -moz-animation-duration: 0.5s !important; animation-duration: 0.5s !important; } /* * Component: adaction * ---------------- */ #adElement { width: 120px; height: 120px; display: inline-block; position: fixed; left: 175px; bottom: 0px; z-index: 1040; } #adElement.ad-level-1 { background: url(../images/adaction/ad-adtion.png) no-repeat; } .ad-contextMenu, .ad-contextMenuMin { position: fixed; z-index: 1041; display: none; margin-left: -150px; } .ad-contextMenu ul, .ad-contextMenuMin ul { background: #FFF; -webkit-box-shadow: 0px 0px 6px #d9d9d9; -moz-box-shadow: 0px 0px 6px #d9d9d9; box-shadow: 0px 0px 6px #d9d9d9; } .ad-contextMenu ul li, .ad-contextMenuMin ul li { height: 30px; line-height: 30px; padding: 0 20px; cursor: pointer; } .ad-contextMenu ul li:hover, .ad-contextMenuMin ul li:hover { background: #4e8ae0; color: #FFF; } #adElementMin { position: fixed; transition: 0.2s; top: -50px; z-index: 1040; } #adElementMin.min-ada { width: 50px; height: 50px; top: 1px; background: url(../images/adaction/ad-min.png) 0 0 no-repeat; background-size: 2000%; -webkit-animation: ad-min steps(19) 20s infinite both; animation: ad-min steps(19) 20s infinite both; } @-webkit-keyframes ad-min { 0% { background-position: 0%; } 10% { background-position: 100%; } 100% { background-position: 100%; } } @keyframes ad-min { 0% { background-position: 0%; } 10% { background-position: 100%; } 100% { background-position: 100%; } } .ico-notice { display: inline-block; width: 64px; height: 64px; background: url(../images/ico-notice.svg) no-repeat; } .ico-xls { display: inline-block; width: 64px; height: 64px; background: url(../images/ico-excel.svg) no-repeat; } .ico-jpg { display: inline-block; width: 64px; height: 64px; background: url(../images/ico-jpg.svg) no-repeat; } .ico-pdf { display: inline-block; width: 64px; height: 64px; background: url(../images/ico-pdf.svg) no-repeat; } .ico-ppt { display: inline-block; width: 64px; height: 64px; background: url(../images/ico-ppt.svg) no-repeat; } .ico-word { display: inline-block; width: 64px; height: 64px; background: url(../images/ico-word.svg) no-repeat; } .ico-zip { display: inline-block; width: 64px; height: 64px; background: url(../images/ico-zip.svg) no-repeat; } .ico-other { display: inline-block; width: 64px; height: 64px; background: url(../images/ico-other.svg) no-repeat; } /** * Bootstrap Multiselect (http://davidstutz.de/bootstrap-multiselect/) * * Apache License, Version 2.0: * Copyright (c) 2012 - 2018 David Stutz * * Licensed under the Apache License, Version 2.0 (the "License"); you may not * use this file except in compliance with the License. You may obtain a * copy of the License at http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations * under the License. * * BSD 3-Clause License: * Copyright (c) 2012 - 2018 David Stutz * All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * - Redistributions of source code must retain the above copyright notice, * this list of conditions and the following disclaimer. * - Redistributions in binary form must reproduce the above copyright notice, * this list of conditions and the following disclaimer in the documentation * and/or other materials provided with the distribution. * - Neither the name of David Stutz nor the names of its contributors may be * used to endorse or promote products derived from this software without * specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ span.multiselect-native-select { position: relative; } span.multiselect-native-select select { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px -1px -1px -3px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; left: 50%; top: 30px; } span.multiselect-native-select > .btn-group.open .btn { background-color: #fff; } span.multiselect-native-select > .btn-group .btn { padding: 0 10px; border-radius: 4px; border-color: #c6c6c6; text-align: left; background-color: #fff; } span.multiselect-native-select > .btn-group .btn .caret { float: right; margin-top: 13px; } span.multiselect-native-select > .btn-group .btn:hover { background-color: #fff; } .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0; min-width: 100%; } .multiselect-container .input-group { margin: 5px; } .multiselect-container .multiselect-reset .input-group { width: 93%; } .multiselect-container > li { padding: 0; } .multiselect-container > li > a.multiselect-all label { font-weight: bold; } .multiselect-container > li.multiselect-group label { margin: 0; padding: 3px 20px 3px 20px; height: 100%; font-weight: bold; } .multiselect-container > li.multiselect-group-clickable label { cursor: pointer; } .multiselect-container > li > a { padding: 0; } .multiselect-container > li > a > label { margin: 0; height: 100%; cursor: pointer; font-weight: normal; padding: 3px 20px 3px 40px; } .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox { margin: 0; } .multiselect-container > li > a > label > input[type="checkbox"] { margin-bottom: 5px; margin-top: 4px; } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio { padding: 3px 20px 3px 40px; } .form-inline .multiselect-container li a label.checkbox input[type="checkbox"], .form-inline .multiselect-container li a label.radio input[type="radio"] { margin-left: -20px; margin-right: 0; } /*# sourceMappingURL=adminjkj-2.0.12.css.map */