diff options
Diffstat (limited to 'common/src/main/webapp/thirdparty/css')
| -rw-r--r-- | common/src/main/webapp/thirdparty/css/ngict-component.css | 789 | ||||
| -rw-r--r-- | common/src/main/webapp/thirdparty/css/plugins.css | 1561 | ||||
| -rw-r--r-- | common/src/main/webapp/thirdparty/css/style.css | 4715 | ||||
| -rw-r--r-- | common/src/main/webapp/thirdparty/css/uniform.default.min.css | 1 |
4 files changed, 7066 insertions, 0 deletions
diff --git a/common/src/main/webapp/thirdparty/css/ngict-component.css b/common/src/main/webapp/thirdparty/css/ngict-component.css new file mode 100644 index 00000000..93ddbb8b --- /dev/null +++ b/common/src/main/webapp/thirdparty/css/ngict-component.css @@ -0,0 +1,789 @@ +/** + * Copyright 2016, CMCC Technologies Co., Ltd. + * + * 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. + */ + +body { + color: #333; + font-size: 14px; + font-family: "Microsoft yahei", Arial !important; + background-color: transparent; +} + +/*fontIcon*/ + +[class^="ict-"], +[class*=" ict-"] { + padding-right: 3px; +} + +/*common color*/ + +.blue1 { + background-color: #5b9bd1; + color: #fff; +} + +.blue1:hover { + background-color: #487ca9; + color: #fff; +} + +.blue2 { + background-color: #57b5e3; + color: #fff; +} + +.blue2:hover { + background-color: #43a1cf; + color: #fff; +} + +.red { + background-color: #e35b5a; + color: #fff; +} + +.red:hover { + background-color: #d45150; + color: #fff; +} + +.green { + background-color: #44b6ae; + color: #fff; +} + +.green:hover { + background-color: #329d96; + color: #fff; +} + +.gold { + background-color: #c0af69; + color: #fff; +} + +.gold:hover { + background-color: #ad9a4d; + color: #fff; +} + +.grey { + background-color: #e5e5e5; + color: #333; +} + +.grey:hover { + background-color: #d8d8d8; + color: #333; +} + +.dark_grey { + background-color: #333; + color: #fff; +} + +.dark_grey:hover { + background-color: #101010; + color: #fff; +} + +.white { + background-color: #fff; + border: 1px solid #ddd; + color: #333; +} + +.white:hover { + background-color: #e5e5e5; + color: #333; +} + +/*** +Responsive & Scrollable Tables +***/ + +.table-scrollable { + width: 100%; + overflow-x: auto; + overflow-y: hidden; + border: 1px solid #dddddd; +} + +.table-scrollable > .table { + width: 100% !important; + margin: 0 !important; + margin-bottom: 0; + background-color: #fff; +} + +.table-scrollable > .table > thead > tr > th, +.table-scrollable > .table > tbody > tr > th, +.table-scrollable > .table > tfoot > tr > th, +.table-scrollable > .table > thead > tr > td, +.table-scrollable > .table > tbody > tr > td, +.table-scrollable > .table > tfoot > tr > td { + white-space: nowrap; +} + +.table-scrollable > .table-bordered { + border: 0; +} + +.table-scrollable > .table-bordered > thead > tr > th:first-child, +.table-scrollable > .table-bordered > tbody > tr > th:first-child, +.table-scrollable > .table-bordered > tfoot > tr > th:first-child, +.table-scrollable > .table-bordered > thead > tr > td:first-child, +.table-scrollable > .table-bordered > tbody > tr > td:first-child, +.table-scrollable > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} + +.table-scrollable > .table-bordered > thead > tr > th:last-child, +.table-scrollable > .table-bordered > tbody > tr > th:last-child, +.table-scrollable > .table-bordered > tfoot > tr > th:last-child, +.table-scrollable > .table-bordered > thead > tr > td:last-child, +.table-scrollable > .table-bordered > tbody > tr > td:last-child, +.table-scrollable > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} + +.table-scrollable > .table-bordered > thead > tr:last-child > th, +.table-scrollable > .table-bordered > tbody > tr:last-child > th, +.table-scrollable > .table-bordered > tfoot > tr:last-child > th, +.table-scrollable > .table-bordered > thead > tr:last-child > td, +.table-scrollable > .table-bordered > tbody > tr:last-child > td, +.table-scrollable > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; +} + +/*form*/ + +.form { + padding: 0 !important; +} + +.form-group .multiRow { + margin-bottom: 15px; +} + +.form-group, +.form-group .btn { + font-size: 12px; +} + +.form-body { + padding: 10px; +} + +.form-actions { + padding-top: 20px +} + +.form-actions.nobg { + background-color: transparent; +} + +.form-actions.top { + margin-top: 0; + margin-bottom: 20px; + border-top: 0; + border-bottom: 1px solid #e5e5e5; +} + +/*.form-actions.fluid { + padding: 20px 0; +}*/ + +.form-actions .btnGroup { + padding-left: 0; +} + +.form-actions.fluid > [class^="col-"] { + padding-left: 13px; +} + +.form-actions:before, +.form-actions:after { + display: table; + line-height: 0; + content: ""; +} + +.form-actions:after { + clear: both; +} + +.form-section { + margin: 30px 0px 25px 0px; + padding-bottom: 5px; + border-bottom: 1px solid #eee; +} + +.form .form-section:first-child { + margin-top: 5px; +} + +.help-inline { + font-size: 13px; + color: #737373; + display: inline-block; + padding: 5px; +} + +.submBtn { + text-align: center; +} +.subm-iconMargin { +margin-left:-40px; +} +.subm-margin { +margin-left:-40px; +} + +/* left, right aligned form actions */ + +.form-actions.right { + padding-left: 0; + padding-right: 10px; + text-align: right; +} + +.form-actions.left { + padding-left: 10px; + padding-right: 0; + text-align: left; +} + +/* Checkbox */ + +.form-group .checkbox { + padding-left: 0; +} + +.form-title { + padding: 8px; + margin-bottom: 25px; + border-left: 2px solid #5b9bd1; + color: #1A78CA; + font-size: 16px; +} + +.checkbox-list > label { + display: block; +} + +.checkbox-list > label.checkbox-inline { + display: inline-block; +} + +.checkbox-list > label.checkbox-inline:first-child { + padding-left: 0; +} + +/* Radios */ +input[type="radio"]{ + cursor:pointer +} +.radio-list > label { + display: block; +} + +.radio-list > label.radio-inline { + display: inline-block; +} + +.radio-list > label.radio-inline:first-child { + padding-left: 0; +} + +.form-horizontal .radio-list .radio { + padding-top: 1px; +} + +.form-horizontal .radio-list > label { + margin-bottom: 0; +} + +.form-horizontal .radio > span { + margin-top: 2px; +} + +.help-block { + margin-top: 5px; + margin-bottom: 5px; + color: #a94442 !important; +} + +.form-inline input { + margin-bottom: 0px !important; +} +.form-horizontal .control-label{ + padding-top:4px; + text-align:right; +} + +.form-control-static { + font-size: 14px; + padding-top: 7px; +} + +.control-label .required { + color: #e02222; + font-size: 12px; + padding-left: 2px; +} + +/*TAB*/ + +.nav-tabs { + border: 0; + font-weight: bold; +} + +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + border: 0; + border-top: 3px solid #F3565D; +} + +.nav-tabs > li > a { + border-radius: 0; + font-weight: bold; +} + +.nav-tabs > li > a:hover { + background-color: #f1f3fa; + border: 1Px solid #f1f3fa; +} + +/*button*/ + +.btn { + min-width: 80px; + letter-spacing: 1px; +} + +.btnGroup .btn { + margin-right: 15px; +} + +.pagination-panel .btn { + min-width: 4px; +} + +.btn.dropdown-toggle, +.btn-group .btn.dropdown-toggle, +.btn:hover, +.btn:disabled, +.btn[disabled], +.btn:focus, +.btn:active, +.btn.active { + outline: none !important; + background-image: none !important; + filter: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + text-shadow: none; +} +.btn-xs:hover{ +text-decoration:none ; +} +/*radius*/ + +.radius_l { + border-radius: 20px; +} + +.radius_m { + border-radius: 8px; +} + +.radius_s { + border-radius: 3px; +} + +/*Progress Bars*/ + +.progress { + border: 0; + background-image: none !important; + filter: none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.form-wizard .steps > li.active > a.step .number { + background-color: #45B6AF +} + +.progress > .progress-bar-success { + background-color: #45B6AF +} + +/*label*/ + +.label, +label { + font-weight: 400; + /*margin-bottom:15px;*/ +} + +/*表单中的组合*/ + +.input-group-btn-vertical.fa { + font-size: 12px; +} + +.spinner { + width: 60px; + margin-left: 10px; + margin-right: 30px; +} + +.spinner input { + text-align: right; +} + +.input-group-btn-vertical { + position: relative; + white-space: nowrap; + width: 1%; + vertical-align: middle; + display: table-cell; +} + +.input-group-btn-vertical > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + padding: 6px; + margin-left: -1px; + position: relative; + border-radius: 0; +} + +.input-group-btn-vertical > .btn { + min-width: 20px; +} + +.input-group-btn-vertical > .btn:first-child { + border-top-right-radius: 4px; +} + +.input-group-btn-vertical > .btn:last-child { + margin-top: -2px; + border-bottom-right-radius: 4px; +} + +.input-group-btn-vertical i { + position: absolute; + top: -2px; + left: 5px; +} + +.input-group .form-control { + height: 26px !important; +} + +/*separator & title*/ + +.separator-line { + height: 1px; + width: 100%; + background: #ddd; + overflow: hidden; + margin-bottom: 15px; + margin-top: 6px; + opacity: 0.6; +} + +.separator { + opacity: 0.7; +} + +.separator:hover { + opacity: 1; +} + +.titlefont { + font-size: 16px; + margin-top:15px; +} + +/*link*/ + +a { + color: #428bca; + text-decoration: none ; + cursor:pointer; +} +a:hover{ + text-decoration: underline; +} +/*html滑块组件*/ + +input[type="range"] { + margin-top: 2px; + background-color: #f0f3f9; + border: 1px solid #ccd6e8; + border-radius: 15px; + width: 400px; + -webkit-appearance: none; + height: 15px; +} + +input[type="range"]::-webkit-slider-thumb { + -webkit-appearance: none; + cursor: pointer; + top: -5px; + height: 28px; + width: 15px; + transform: translateY(-4px); + background: none repeat scroll 0 0 #f0f3f9; + background-color: #9cc2cb; + border-radius: 20px; +} + +input[type="range"]:focus { + outline: none; +} + +/*ztree*/ + +.ztree * { + font-family: "microsoft yahei"; + font-size: 12px; +} + +.ztree { + padding: 15px 30px 0 5px; +} + +.ztree li a.curSelectedNode { + height: 28px; +} + +.ztree li span { + line-height: 16px; + margin-right: 2px; + margin-left: 6px +} + +.ztree li span.button.chk { + width: 13px; + height: 13px; + margin-left: 10px; + cursor: auto +} + +.ztree li span.button.add { + margin-left: 2px; + /* margin-right: -1px; */ + + margin-right: 4px; + background-position: -144px 0; + vertical-align: top; + *vertical-align: middle; + float: right; +} + +.ztree li span.button.edit { + margin-right: 4px; + background-position: -110px -48px; + vertical-align: top; + *vertical-align: middle; + float: right; +} + +.ztree li span.button.remove { + margin-right: 4px; + background-position: -110px -64px; + vertical-align: top; + *vertical-align: middle; + float: right; +} + +.ztree-select .ztree li a { + border: 1px solid #fff !important; +} + +/*table*/ + +table, +.dataTables_length, +.dataTables_info, +.dataTables_paginate { + font-size: 12px; +} + +table .heading { + font-size: 14px; + background: #fff !important; +} + +table.dataTable tbody th, +table.dataTable tbody td { + padding: 8px 10px 4px 10px !important; +} + +table tr:nth-of-type(odd) { + background: #f9f9f9; +} + +table tr:nth-of-type(even) { + background: #fff; +} + +table td:hover { + background-color: #f5f5f5; + border-bottom: 1px solid #d0d0d0; + border-top: 1px solid #d0d0d0; +} + +table tr td label { + cursor: pointer; +} + +.table-btn span { + padding-left: 5px; + padding-right: 5px; +} +.table-bordered>thead>tr>th, .table-bordered>thead>tr>td{ +border-bottom-width:1px; +} +/*select-box with icon*/ + +.iconselect-box .col-xs-1 { + width: 15px; + padding: 110px 0 0 0; +} + +.iconPosition > div { + margin: 20px 0px 0px 0px; +} + +/*-------------C3.css-------------*/ +.c3 path, .c3 line { + stroke: #008acd; +} + +.c3-line { + stroke-width: 3px; +} + +.c3-tooltip { + width: auto; +} + +.c3-tooltip td { + color: #000; +} + +.c3-axis.c3-axis-y { + stroke-width: 1px; +} + +.c3-axis.c3-axis-x { + stroke-width: 1px; +} + +/*checkbox & radio*/ +input[type="checkbox"] { + -webkit-appearance: none; + background: #fff url(../image/checkbox-radio/checkbox-init.png); + height: 18px; + vertical-align: middle; + width: 18px; + margin-bottom:5px; + margin-right:5px; +} + +input[type="checkbox"]:checked { + -webkit-appearance: none; + background: #fff url(../image/checkbox-radio/checkbox-checked.png); + height: 18px; + vertical-align: middle; + width: 18px; +} + +input[type="checkbox"]:focus, +input[type="checkbox"]:hover { + outline: none; +} + +input[type="checkbox"][disabled] { + -webkit-appearance: none; + background: #fff url(../image/checkbox-radio/checkbox-disabled.png); + height: 18px; + vertical-align: middle; + width: 18px; + margin-bottom:5px; + margin-right:5px; +} + +input[type="checkbox"][disabled]:checked { + -webkit-appearance: none; + background: #fff url(../image/checkbox-radio/checkbox-checked-disabled.png); + height: 18px; + vertical-align: middle; + width: 18px; +} + +input[type="radio"] { + -webkit-appearance: none; + background: #fff url(../image/checkbox-radio/radio-init.png); + height: 18px; + vertical-align: middle; + width: 18px; + margin-bottom:5px; + margin-right:5px; +} + +input[type="radio"]:checked { + -webkit-appearance: none; + background: #fff url(../image/checkbox-radio/radio-checked.png); + height: 18px; + vertical-align: middle; + width: 18px; +} + +input[type="radio"]:focus, +input[type="radio"]:hover { + outline: none; +} + +input[type="radio"][disabled] { + -webkit-appearance: none; + background: #fff url(../image/checkbox-radio/radio-disabled.png); + height: 18px; + vertical-align: middle; + width: 18px; + margin-bottom:5px; + margin-right:5px; +} + +input[type="radio"][disabled]:checked { + -webkit-appearance: none; + background: #fff url(../image/checkbox-radio/radio-checked-disabled.png); + height: 18px; + vertical-align: middle; + width: 18px; +} diff --git a/common/src/main/webapp/thirdparty/css/plugins.css b/common/src/main/webapp/thirdparty/css/plugins.css new file mode 100644 index 00000000..0abc096a --- /dev/null +++ b/common/src/main/webapp/thirdparty/css/plugins.css @@ -0,0 +1,1561 @@ +/** + * Copyright 2016, CMCC Technologies Co., Ltd. + * + * 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. + */ +/************************** + PLUGIN CSS CUSTOMIZATIONS +**************************/ + +/*** +Calendar with full calendar +***/ +.external-event { + display: inline-block ; + cursor:move; + margin-bottom: 5px ; + margin-left: 5px ; +} + +.portlet .event-form-title { + font-size: 14px; + margin-top: 4px; + font-weight: 400; + margin-bottom: 10px; +} + +.portlet.calendar .fc-button { + -webkit-box-shadow: none ; + -moz-box-shadow: none ; + box-shadow: none ; + text-shadow: none; + border: 0 ; + padding: 6px 8px 30px 8px ; + margin-left:2px; + border-top-style: none; + border-bottom-style: none; + border-right-style: solid; + border-left-style: solid; + border-color: #ddd; + background: transparent; + color: #fff; + top: -46px; +} + +.portlet.calendar .fc-header { + margin-bottom:-21px; +} + +.portlet.calendar .fc-button-prev { + padding-right: 10px; + padding-left: 8px; +} + +.portlet.calendar .fc-button-next { + padding-right: 8px; + padding-left: 10px; +} + +.portlet.calendar .fc-button.fc-state-active, +.portlet.calendar .fc-button.fc-state-hover { + color: #666 ; + background-color: #F9F9F9 ; +} + +.portlet.calendar .fc-button.fc-state-disabled { + color: #ddd ; +} + +.portlet.calendar .fc-text-arrow { + font-size: 22px; + font-family: "Courier New", Courier, monospace; + vertical-align: baseline; +} + +/* begin: event element */ +.portlet.calendar .fc-event { + border: 0px; + background-color: #69a4e0; + color: #fff; +} + +.portlet.calendar .fc-event-inner { + border: 0px; +} + +.portlet.calendar .fc-event-time { + float: left; + text-align: left; + color: #fff; + font-size: 13px; + font-weight: 300; +} + +.portlet.calendar .fc-event-title { + text-align: left; + float: left; + color: #fff; + font-size: 13px; + font-weight: 300; +} +/* end: event element */ + +.portlet.calendar .fc-header-title h2 { + font-size: 14px ; + line-height: 20px; + font-weight: 400; + color: #111; +} + +.portlet.calendar .fc-widget-header { + background-image: none ; + filter:none; + background-color: #eee ; + text-transform: uppercase; + font-weight: 300; +} + +.portlet.calendar .mobile .fc-button { + margin-left: 2px ; +} + +.portlet.calendar .mobile .fc-button { + padding: 0px 6px 20px 6px ; + margin-left:2px ; + border: 0; + background-color: #ddd ; + background-image: none; + -webkit-box-shadow: none ; + -moz-box-shadow: none ; + box-shadow: none ; + -webkit-border-radius: 0 ; + -moz-border-radius: 0 ; + border-radius: 0 ; + color: #000; + text-shadow: none ; + text-align: center; +} + +.portlet.calendar .mobile .fc-state-hover, +.portlet.calendar .mobile .fc-state-active { + background-color: #eee ; +} + +.portlet.calendar .mobile .fc-button-prev { + margin-right: 5px; + margin-top: -2px; +} + +.portlet.calendar .mobile .fc-button-next { + margin-right: -0px; + margin-top: -2px; +} + +.portlet.calendar .mobile .fc-header-space { + margin: 0px ; + padding: 0px ; + width: 0px ; +} + + .portlet.calendar .mobile .fc-state-disabled { + color: #bbb ; + } + + .portlet.calendar .mobile .fc-header-left { + position: absolute; + z-index: 10; + } + + .portlet.calendar .mobile .fc-header-right { + position: absolute; + z-index: 9; + } + + .portlet.calendar .mobile .fc-header-left .fc-button { + top: -2px ; + } + + .portlet.calendar .mobile .fc-header-right { + position: relative; + right:0; + } + + .portlet.calendar .mobile .fc-header-right .fc-button { + top: 35px ; + } + + .portlet.calendar .mobile .fc-content { + margin-top: 53px; + } + + +/*** +Form wizard +***/ + +.form-wizard .progress { + margin-bottom: 30px; +} + +.form-wizard .steps { + //padding: 10px 0; + //margin-bottom: 15px; +} + +.form-wizard .steps { + background-color: #fff ; + background-image: none ; + filter:none ; + border: 0px; + box-shadow: none ; +} + +.form-wizard .steps li a { + background-color: #fff ; + background-image: none ; + filter:none; + border: 0px; + box-shadow: none ; +} + +.form-wizard .steps li a:hover { + background: none; +} + +.form-wizard .step:hover { + text-decoration: none; +} + +.form-wizard .step .number { + background-color: #eee; + display: inline-block; + text-align: center !important; + font-size: 16px; + font-weight: 300; + padding: 11px 15px 13px 15px; + margin-right: 10px; + height: 45px; + width: 45px; + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + border-radius: 50% !important; +} + +.form-wizard .step .desc { + display: inline-block; + font-size: 16px; + font-weight: 300; +} + +.form-wizard .active .step .number { + background-color: #35aa47; + color: #fff; +} + +.form-wizard .active .step .desc { + color: #333; + font-weight: 400; +} + +.form-wizard .step i { + display: none; +} + +.form-wizard .done .step .number { + background-color: #f2ae43; + color: #fff; +} + +.form-wizard .done .step .desc { + font-weight: 400; +} + +.form-wizard .done .step i { + font-size: 12px; + font-weight: normal; + color: #999; + display: inline-block; +} + + +@media (min-width: 600px) and (max-width: 1280px) { + .form-wizard .step .desc { + margin-top: 10px; + display: block; + } +} + +@media (max-width: 600px) { + .form-wizard .steps > li > a { + text-align: left; + } +} + +@media (min-width: 600px){ + .nav-justified>li{ + display:table-cell; + width:1%; + } +} + +/*** +Google Maps +***/ +.gmaps { + height: 300px; + width: 100%; +} + +/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ +.gmaps img { + max-width: none; +} + +#gmap_static div{ + background-repeat: no-repeat ; + background-position: 50% 50% ; + height:100%; + display:block; + height: 300px; +} + +#gmap_routes_instructions { + margin-top: 10px; + margin-bottom: 0px; +} + +/*** +SlimScrollBar plugins css changes +***/ +.scroller { + padding: 0px ; + margin: 0px ; + padding-right: 12px ; + overflow: hidden; +} + +.scroller-footer { + margin-top: 10px; +} + +.scroller-footer:after, +.scroller-footer:before { + content: ""; + display: table; + line-height: 0; +} + +.scroller-footer:after { + clear: both; +} + +.portlet-body .slimScrollBar { + margin-right: 0px ; +} + +/*** +jqvmap changes +***/ +.jqvmap-zoomin { + height: 16px; + width: 16px; + background-color: #666 ; +} + +.jqvmap-zoomout { + height: 16px; + width: 16px; + background-color: #666 ; +} + +.vmaps { + position: relative; + overflow: hidden; + height: 300px; +} + + +/*** +Error state for WYSIWYG Editors +***/ +.has-error .md-editor, +.has-error .wysihtml5-sandbox, +.has-error .cke { + border: 1px solid #B94A48 !important; +} + +.has-success .md-editor, +.has-success .wysihtml5-sandbox, +.has-success .cke { + border: 1px solid #468847 !important; +} + +/*** +Select2 plugin css changes +***/ + +/* enable form validation classes for select2 dropdowns */ +.has-error .select2-container .select2-choice { + border-color: #B94A48; +} + +.has-error .select2-container.select2-dropdown-open .select2-choice { + border-color: #e5e5e5; +} + +.has-error .select2-container.select2-dropdown-open .select2-choice > span { + color: #999999; +} + +.has-success .select2-container .select2-choice { + border-color: #468847; +} + +.has-success .select2-container.select2-dropdown-open .select2-choice { + border-color: #e5e5e5; +} + +.has-success .select2-container.select2-dropdown-open .select2-choice > span { + color: #999999; +} + + +/*** +Jansy File Input plugin css changes +***/ +.fileinput { + margin-bottom: 0; +} + + +/*** +WYSIWYG +***/ +.wysihtml5-toolbar li { + margin: 0px; + height: 29px; +} + +.wysihtml5-toolbar li .dropdown-menu { + margin-top: 5px; +} + +/*** +CKEditor css changes +***/ +.cke_bottom, +.cke_inner, +.cke_top, +.cke_reset, +.cke_dialog_title, +.cke_dialog_footer, +.cke_dialog { + background-image: none !important; + filter:none ; + border-top: 0 ; + border-bottom: 0 ; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + text-shadow:none ; +} + +.cke_dialog_ui_button, +.cke_dialog_tab { + background-image: none !important; + filter:none ; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + text-shadow:none !important; +} + +.cke_dialog_ui_button:hover, +.cke_dialog_tab:hover { + text-decoration: none; + text-shadow:none ; +} + +.cke_dialog_ui_input_text { + background-image: none !important; + filter:none ; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.cke_combo_button, +.cke_button, +.cke_toolbar, +.cke_toolgroup { + background-image: none !important; + filter:none !important; + border: 0 ; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.cke_button, +.cke_combo_button, +.cke_panel_grouptitle, +.cke_hc.cke_panel_listItem a { + background-image: none !important; + filter:none ; + text-shadow:none ; + -webkit-border-radius: 0px !important; + -moz-border-radius: 0px !important; + -ms-border-radius: 0px !important; + -o-border-radius: 0px !important; +} + +.cke_button:hover, +.cke_combo_button:hover { + background-color: #ddd; +} + +.cke_toolbar_break { + background-image: none !important; + filter:none !important; + border: 0 ; + box-shadow: none !important; + -webkit-box-shadow : none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + -o-box-shadow: none !important; +} + +/*** +Modify tags input plugin css +***/ +div.tagsinput { + min-height: 35px; + height: auto !important; + margin: 0; + padding: 5px 5px 0px 5px; + overflow: auto; +} + +div.tagsinput span.tag { + background: #aaa ; + color: #fff ; + border: 0 ; + padding: 3px 6px; + margin-top: 0; + margin-bottom: 5px; +} + +div.tagsinput input { + padding: 3px 6px ; + width: 75px !important; +} + +div.tagsinput span.tag a { + color: #fff ; +} + +div.tagsinput .not_valid { + color: #fff ; + padding: 3px 6px ; + background-color: #e02222 ; +} + +/*** +Gritter notification modify +***/ + +#gritter-notice-wrapper { + right:1px !important; +} + +.gritter-close { + left:auto !important; + right: 3px !important; +} + +.gritter-title { + font-family: 'Open Sans' ; + font-size: 18px ; + font-weight: 300 ; +} + +/*** +jQuery UI Sliders(new in v1.1.1) +***/ +.slider { + border: 0; + padding: 0; + display: block; + margin: 12px 5px; + min-height: 11px; +} + +.ui-slider-vertical { + width: 11px; +} + +.ui-slider-horizontal .ui-slider-handle { + top: -3px; +} + +.ui-slider-vertical .ui-slider-handle { + left: -3px; +} + +.ui-slider-vertical, +.ui-slider-handle { + filter: none !important; + background-image: none !important; +} + +/*** +Dropzone css changes(new in v1.1.1) +***/ +.dropzone { + -webkit-border-radius: 0px ; + -moz-border-radius: 0px ; + border-radius: 0px ; +} + + +/*** +Dashboard Charts(new in v1.2.1) +***/ +.easy-pie-chart, +.sparkline-chart { + text-align: center; +} + +.sparkline-chart { + margin-top: 15px; + position:relative ; +} + +.easy-pie-chart .number { + font-size: 16px; + font-weight: 300; + width: 85px; + margin: 0 auto; +} + +.sparkline-chart .number { + width: 100px; + margin: 0 auto; + margin-bottom: 10px; +} + +.sparkline-chart .title, +.easy-pie-chart .title { + display: block; + text-align: center; + color: #333; + font-weight: 300; + font-size: 16px; + margin-top: 5px; + margin-bottom: 10px; +} + +.sparkline-chart .title:hover, +.easy-pie-chart .title:hover { + color: #666; + text-decoration: none; +} + +.sparkline-chart .title > i, +.easy-pie-chart .title > i { + margin-top: 5px; +} + +/*** +Fancy box fix overlay fix(in v1.2.4) +***/ +.fancybox-overlay { + z-index: 10000 ; +} + +/*** +Datatables Plugin(in v1.3) +***/ +.dataTable { + width: 100% !important; + clear: both; + /*margin-top: 5px;*/ +} + +.dataTables_filter label { + line-height: 32px ; +} + +.dataTable .row-details { + margin-top: 3px; + display: inline-block; + cursor: pointer; + width: 14px; + height: 14px; +} + +.dataTable .row-details.row-details-close { + background: url("../image/datatable-row-openclose.png") no-repeat 0 0; +} + +.dataTable .row-details.row-details-open { + background: url("../image/datatable-row-openclose.png") no-repeat 0 -23px ; +} + +.dataTable .details { + background-color: #eee ; +} + +.dataTable .details td, +.dataTable .details th { + padding: 4px; + background: none ; + border: 0; +} + +.dataTable .details tr:hover td, +.dataTable .details tr:hover th { + background: none ; +} + +.dataTable .details tr:nth-child(odd) td, +.dataTable .details tr:nth-child(odd) th { + background-color: #fff ; +} + +.dataTable .details tr:nth-child(even) td, +.dataTable .details tr:nth-child(even) th { + background-color: #eee ; +} + +.dataTable > thead > tr > th.sorting, +.dataTable > thead > tr > th.sorting_asc, +.dataTable > thead > tr > th.sorting_desc { + padding-right: 18px; +} + +.dataTable .table-checkbox { + width: 8px !important; +} + +@media (max-width: 768px) { + .dataTables_wrapper .dataTables_length .form-control, + .dataTables_wrapper .dataTables_filter .form-control { + display: inline-block; + } + + /* .dataTables_wrapper .dataTables_info { + top: 17px; + }*/ + +/* .dataTables_wrapper .dataTables_paginate { + margin-top: -15px; + }*/ +} + +@media (max-width: 480px) { + .dataTables_wrapper .dataTables_filter .form-control { + width: 175px !important; + } + + .dataTables_wrapper .dataTables_paginate { + float: left; + margin-top: 20px; + } +} + +.dataTables_processing { + position: fixed; + top: 50%; + left: 50%; + min-width: 125px; + margin-left: 0; + padding: 7px; + text-align: center; + color: #333; + font-size: 13px; + border: 1px solid #ddd; + background-color: #eee; + vertical-align: middle; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); +} + +.dataTables_processing span { + line-height:15px; + vertical-align: middle; +} + +.dataTables_empty { + text-align: center; +} + +/*** +Extended Datatable +***/ +.dataTables_extended_wrapper { + position: relative !important; + clear: both !important; +} +.dataTables_extended_wrapper .seperator { + padding: 0 2px; +} + +.dataTables_extended_wrapper .dataTables_paginate, +.dataTables_extended_wrapper .dataTables_length, +.dataTables_extended_wrapper .dataTables_info { + display: inline-block; + float: none !important; + padding: 0 !important; + margin: 0 !important; + position: static !important; + font-size: 13px; +} + +@media (max-width: 480px) { + + .dataTables_extended_wrapper .dataTables_paginate, + .dataTables_extended_wrapper .dataTables_length, + .dataTables_extended_wrapper .dataTables_info { + display: block; + margin-bottom: 10px !important; + } + + .dataTables_extended_wrapper .seperator { + display: none; + } +} + +.dataTables_extended_wrapper .dataTables_length label { + margin: 0 !important; + padding: 0 !important; + font-size: 13px; + float: none !important; + display: inline-block !important; +} + +.table-container .table-actions-wrapper { + display: none; +} + +/*** +Password Strength(in v1.4) +***/ +.password-strength .password-verdict { + display: inline-block; + margin-top: 6px; + margin-left: 5px; +} + +.password-strength .progress { + margin-top: 5px; + margin-bottom: 0; +} + +.password-strength .progress-bar { + padding: 2px; +} + +/*** +Uniform disabled checkbox, radio button fix(in v1.4) +***/ + +.table .uniform-inline { + padding: 0; + margin: 0; +} + +.checker { + margin-top: -2px !important; + margin-right: 2px !important; + display:inline; +} + +.checker input, +.radio input { + outline: none !important; +} + +div.checker.disabled span, +div.checker.disabled.active span{ + background-position: -152px -260px; +} + +div.checker.disabled:hover, +div.radio.disabled:hover { + cursor: not-allowed; +} + +div.radio, +div.checker { + margin-right: 0; + margin-left: 3px; +} + +/*** +jQuery Sparkline +***/ +.jqstooltip { + width: auto !important; + height: auto !important; +} + + +/*** +jQuery Multi Select +***/ + +.ms-container .ms-list { + border: 1px solid #e5e5e5; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + +} + +.ms-container .ms-optgroup-label{ + font-size: 14px; +} + +.ms-container .ms-selectable li.ms-elem-selectable, +.ms-container .ms-selection li.ms-elem-selection{ + font-size: 13px; +} + +.ms-container .ms-list.ms-focus { + border-color: #999999; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.ms-container .ms-selectable li.ms-hover, +.ms-container .ms-selection li.ms-hover{ + color: #333; + background-color: #eee; +} + +.ms-container .form-control { + margin-bottom: 5px; +} + +/*** +Bootstrap Colorpicker +***/ +.input-group.color .input-group-btn i { + position: absolute; + display: block; + cursor: pointer; + width: 20px; + height: 20px; + right: 6px; +} + +.colorpicker.dropdown-menu { + padding: 5px; +} + +/* change z-index when opened in modal */ +.modal-open .colorpicker { + z-index: 10055 !important; +} + +/*** +Bootstrap Datetimepicker +***/ + +.datetimepicker table td { + font-weight: 300 !important; + font-family: 'Open Sans' !important; +} + +.datetimepicker table th { + font-family: 'Open Sans' !important; + font-weight: 400 !important; +} + +.datetimepicker.dropdown-menu { + padding: 5px; +} + +.datetimepicker .active { + background-color:#4b8df8 !important; + background-image: none !important; + filter: none !important; +} + +.datetimepicker .active:hover { + background-color: #2678FC !important; + background-image: none !important; + filter: none !important; + +} + +/* change z-index when opened in modal */ +.modal-open .datetimepicker { + z-index: 10055 !important; +} + +/*** +Bootstrap Time Picker +***/ +.bootstrap-timepicker-widget table td a { + padding: 4px 0; +} + +.bootstrap-timepicker-widget input, +.bootstrap-timepicker-widget input:focus { + outline: none !important; + border: 0; +} + +.modal-open .bootstrap-timepicker-widget { + z-index: 10055 !important; +} + +.bootstrap-timepicker-widget.timepicker-orient-bottom:before, +.bootstrap-timepicker-widget.timepicker-orient-bottom:after { + top: auto; +} + +/*** +Bootstrap Datepicker +***/ + +.datepicker.dropdown-menu { + padding: 5px; +} + +.datepicker .selected { + background-color:#909090 !important; + background-image: none !important; + filter: none !important; +} + +.datepicker .active { + background-color:#4b8df8 !important; + background-image: none !important; + filter: none !important; +} + +.datepicker .active:hover { + background-color: #2678FC !important; + background-image: none !important; + filter: none !important; +} + +.datepicker .input-daterange input { + text-align: left; +} + +/* change z-index when opened in modal */ +.modal-open .datepicker { + z-index: 10055 !important; +} + +.datepicker table td { + font-weight: 300 !important; + font-family: 'Open Sans' !important; +} + +.datepicker table th { + font-family: 'Open Sans' !important; + font-weight: 400 !important; +} + + +/*** +Clockface +***/ + +.modal-open .clockface { + z-index: 10055 !important; +} + +.clockface .cell .inner.active, +.clockface .cell .outer.active { + background-color:#4b8df8 !important; + background-image: none ; + filter:none ; +} + + +/*** +Bootstrap Daterangepicker +***/ + +.modal-open .daterangepicker { + z-index: 10055 !important; +} + +.daterangepicker td { + text-shadow: none ; +} + +.daterangepicker td.active { + background-color: #4b8df8 ; + background-image: none ; + filter:none ; +} + +.daterangepicker th { + font-weight: 400; + font-size: 14px; +} + +.daterangepicker .ranges input[type="text"] { + width: 70px !important; + font-size: 11px; + vertical-align: middle; +} + +.daterangepicker .ranges label { + font-weight: 300; + display: block; +} + +.daterangepicker .ranges .btn { + margin-top: 10px; +} + +.daterangepicker.dropdown-menu { + padding: 5px; +} + +.daterangepicker .ranges li { + color: #333; +} + +.daterangepicker .ranges li.active, +.daterangepicker .ranges li:hover { + background: #4b8df8 !important; + border: 1px solid #4b8df8 !important; + color: #fff; +} + +.daterangepicker .range_inputs input { + margin-bottom: 0 !important; +} + +/*** +Bootstrap Editable +***/ + +.editable-input table, +.editable-input table th, +.editable-input table td, +.editable-input table tr { + border: 0 !important; +} + +.editable-input .combodate select { + margin-bottom: 5px; +} + +/*** +FuelUX Spinners +***/ + +.spinner-buttons.btn-group-vertical .btn { + text-align: center; + margin: 0; + height: 17px; + width: 22px; + padding-left: 6px; + padding-right: 6px; + padding-top: 0px; +} + + +/*** +NoUI Range Sliders +***/ +.noUi-handle { + height: 20px; + width: 20px; + margin: -3px 0 0 -20px; +} + +.noUi-base { + height: 16px; +} + +.noUi-connect { + background: #ffb848; +} + +/*** +Toastr Notifications +***/ +.toast { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.toast { + background-color: #030303; +} +.toast-success { + background-color: #51a351; +} +.toast-error { + background-color: #bd362f; +} +.toast-info { + background-color: #2f96b4; +} +.toast-warning { + background-color: #f89406; +} + +.toast .toast-close-button { + display: inline-block; + margin-top: 0px; + margin-right: 0px; + text-indent: -100000px; + width: 11px; + height: 16px; + background-repeat: no-repeat !important; + background-image: url("../image/portlet-remove-icon-white.png") !important; +} + +.toast-top-center { + top: 12px; + margin: 0 auto; + left: 50%; + margin-left: -150px; +} + +.toast-bottom-center { + bottom: 12px; + margin: 0 auto; + left: 50%; + margin-left: -150px; +} + +/*** +Google reCaptcha +***/ +.form-recaptcha-img { + margin-bottom: 10px; + clear: both; + border: 1px solid #e5e5e5; + padding: 5px; +} + +iframe[src="about:blank"] { + display:none; +} + +/*** +Bootstrap Markdown +***/ +.md-input { + padding: 5px !important; + border-bottom: 0 !important; +} + +.md-editor .btn-toolbar { + margin-left: 0px; +} + +.md-editor.active { + border: 1px solid #999999; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +/*** +Bootstrap Datepaginator +***/ +.datepaginator a { + font-family: 'Open Sans'; + font-size: 13px; + font-weight: 300; +} + +.datepicker .today { + background-image: none !important; + filter: none !important; +} + +#dp-calendar { + right: 4px !important; +} + +/*** +Font Awesome 4.0 Demo +***/ +.fa-item { + font-size: 14px; + padding: 10px 10px 10px 20px; +} + +.fa-item i { + font-size: 16px; + display: inline-block; + width: 20px; +} + +.fa-item:hover { + cursor: pointer; + background: #eee; +} + +/*** +Bootstrap Modal +***/ +/* fix: content shifting to the right on modal open */ +.modal-open.page-overflow .page-container, +.modal-open.page-overflow .page-container .navbar-fixed-top, +.modal-open.page-overflow .page-container .navbar-fixed-bottom, +.modal-open.page-overflow .modal-scrollable { + overflow-y: auto !important; +} + +.modal-scrollable { + overflow: hidden !important; +} + + +/*** +jQuery Notific8 Plugin +***/ + +.jquery-notific8-message { + font-size: 13px; +} + +[class*="jquery-notific8"], +[class*="jquery-notific8"]:after, +[class*="jquery-notific8"]:before { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +.right .jquery-notific8-close-sticky span, +.left .jquery-notific8-close-sticky span { + font-size: 10px; +} + +.jquery-notific8-heading { + font-weight: 300; + font-size: 16px; +} + +/*** +jQuery File Upload +***/ + +.blueimp-gallery .close { + background-image: url("../image/portlet-remove-icon-white.png") !important; + margin-top: -2px; +} + +.blueimp-gallery .prev, +.blueimp-gallery .next { + border-radius: 23px !important; +} + +/*** +Bootstrap Switch +***/ + +.has-switch { + border-color: #e5e5e5; +} + +.has-switch:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +/*** +Jstree +***/ + +.jstree-default .jstree-clicked { + border: 0; + background-color: #e1e1e1; + box-shadow:none; +} + +.jstree-default .jstree-hovered { + border: 0; + background-color: #eee; + box-shadow:none; +} + +.jstree-default .jstree-wholerow-clicked, +.jstree-wholerow .jstree-wholerow-clicked { + background: none; + border: 0; + background-color: #e1e1e1; + box-shadow:none; +} + +.jstree-default .jstree-wholerow-hovered, +.jstree-wholerow .jstree-wholerow-hovered { + border: 0; + background-color: #eee; + box-shadow:none; +} + +.jstree-icon.icon-lg { + margin-top: 1px; +} + +.jstree-open > .jstree-anchor > .fa-folder:before { + margin-left: 2px; + content: "\f07c"; +} + +.jstree-default.jstree-rtl .jstree-last { + background: transparent; + background-repeat: no-repeat; +} + +.vakata-context, +.vakata-context ul { + padding: 0; + min-width: 125px; + background-color: #ffffff; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + font-size: 14px; + font-family: "Segoe UI",Helvetica, Arial, sans-serif; + border: 1px solid #ddd; +} + +.vakata-context li a { + padding: 0 10px; +} + +.vakata-context .vakata-context-hover > a, +.vakata-context li a:hover { + background-color: #eee; + color: #333; + box-shadow: none; +} + +.vakata-context li a span, +.vakata-context li a ins { + display: none; +} + +.vakata-context .vakata-context-separator a, +.vakata-context-rtl .vakata-context-separator a { + margin: 0; +} + +.jstree-rename-input { + background-color: #ffffff !important; + border: 1px solid #e5e5e5 !important; + outline: none !important; + padding: 2px 6px !important; + margin-right: -4px !important; +} + +/*** +Bootstrap Select +***/ + +.bootstrap-select .btn { + border-color: #e5e5e5; +} + +.bootstrap-select.open .btn1 { + border-color: #999999; +} + +.bootstrap-select.open.dropup .btn1 { + border-color: #999999; +} + +.bootstrap-select .btn:focus { + outline: none !important; + outline-offset: 0; +} + +.bootstrap-select.btn-group .dropdown-menu { + margin-top: 1px; +} + +.bootstrap-select.btn-group .dropdown-menu > li > dt > .text { + font-weight: 600; + font-family: 'Open Sans'; + font-size: 14px; +} + +.bootstrap-select.btn-group .dropdown-menu .text-muted { + color: #999 !important; +} + +.bootstrap-select .caret { + border: 0; + width: auto; + height: auto; + margin-top: -10px !important; +} + +.bootstrap-select .caret:before { + content: "\f107"; + display: inline-block; + border: 0; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; +} + +.bootstrap-select .selected i { + color: #aaa; +} + +/*** +Pace - Page Progress +***/ + +.pace .pace-progress { + z-index: 10000; + top: 40px; + height: 2px; +} + +.pace .pace-progress-inner { + box-shadow: none; +} + +.pace .pace-activity { + top: 44px; + right: 22px; + border-radius: 10px !important; +} + + +@media (max-width: 480px) { + + .page-header-fixed .pace .pace-progress { + top: 82px; + } + + .page-header-fixed .pace .pace-activity { + top: 88px; + right: 15px; + } + +} diff --git a/common/src/main/webapp/thirdparty/css/style.css b/common/src/main/webapp/thirdparty/css/style.css new file mode 100644 index 00000000..fc070b9d --- /dev/null +++ b/common/src/main/webapp/thirdparty/css/style.css @@ -0,0 +1,4715 @@ +/** + * Copyright 2016, CMCC Technologies Co., Ltd. + * + * 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. + */ +/*** +Colors +blue: #4b8df8 +light blue: #bfd5fa +red: #e02222 +yellow: #ffb848 +green: #35aa47 +purple: #852b99 +dark: #555555; +light grey: #fafafa; +***/ +/*fontIcon*/ +[class^="ict-"], [class*=" ict-"]{ + padding-right:3px; + display: inline-block; + width: 1.25em; + text-align: center; +} +.page-sidebar-menu [class^="ict-"], .page-sidebar-menu [class*=" ict-"]{ +padding-right:0; +} +/********************* + GENERAL RESET & SETUP +*********************/ + +/*** +Reset and overrides +***/ +body { + color: #333; + /*font-family: 'Open Sans', sans-serif; + font-size:13px; */ + font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important; + padding: 0px !important; + margin: 0px !important; + direction: ltr; +} +.page-content-body{ +padding-left:15px; +padding-right:15px; +padding-top:10px; +} +/* +Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't +properly apply the media queries in Bootstrap's CSS. To address this, +you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix. +*/ +@-webkit-viewport { + width: device-width; +} + +@-moz-viewport { + width: device-width; +} + +@-ms-viewport { + width: device-width; +} + +@-o-viewport { + width: device-width; +} + +@viewport { + width: device-width; +} + +/* Internet Explorer 10 doesn't differentiate device width from viewport width, +and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */ +@-ms-viewport { + width: auto !important; +} + +/*** +Custom Scrollbars +***/ + +::-webkit-scrollbar { + width: 12px; +} + +::-webkit-scrollbar-track { + background-color: #eaeaea; + border-left: 1px solid #cecece; +} + +::-webkit-scrollbar-thumb { + background-color: #cecece; +} + +::-webkit-scrollbar-thumb:hover { + background-color: #aaa; +} + +::-webkit-scrollbar-track { + border-radius: 0; + box-shadow: none; + border: 0; +} + +::-webkit-scrollbar-thumb { + border-radius: 0; + box-shadow: none; + border: 0; +} + +/*** +General typography +***/ +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + color: #444; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: Arial, sans-serif; + font-weight: 300 !important; +} + +h1.block, +h2.block, +h3.block, +h4.block, +h5.block, +h6.block { + padding-top: 10px; + padding-bottom: 10px; +} + +a { + text-shadow: none !important; + color: #5b9bd1; +} + +/*** +Fix link outlines after click +***/ +a,a:focus, a:hover, a:active { + outline: 0; +} + +/*** +General backgrounds. Can be applied to any block or panel +***/ + +.bg-blue { + background-image: none !important; + background-color: #4b8df8 !important; + border-color:#4b8df8 !important; + color: #fff !important; +} + +.bg-red { + background-image: none !important; + background-color: #e02222 !important; + border-color: #e02222 !important; + color: #fff !important; +} + +.bg-yellow { + background-image: none !important; + background-color: #ffb848 !important; + border-color: #ffb848 !important; + color: #fff !important; +} + +.bg-green { + background-image: none !important; + background-color: #35aa47 !important; + border-color: #35aa47 !important; + color: #fff !important; +} + +.bg-purple { + background-image: none !important; + background-color: #852b99 !important; + border-color: #852b99 !important; + color: #fff !important; +} + +.bg-dark { + background-image: none !important; + background-color: #555555 !important; + border-color: #555555 !important; + color: #fff !important; +} + +.bg-grey { + background-image: none !important; + background-color: #fafafa !important; + border-color: #fafafa !important; +} + +/*** +Font Awesome Icons +***/ + +[class^="fa-"], +[class*=" fa-"] { + display: inline-block; +/* margin-top: 1px;*/ + font-size: 14px; + *margin-right: .3em; + line-height: 14px; +} + +/*** +Make font awesome icons fixed width(latest version issue) +***/ + +li [class^="fa-"], +li [class*=" fa-"] { + display: inline-block; + width: 1.25em; + text-align: center; +} +li [class^="fa-"].icon-large, +li [class*=" fa-"].icon-large { + /* increased font size for icon-large */ + width: 1.5625em; +} + +.page-breadcrumb .fa-angle-right{ + display:inline-block; + margin-left:8px; + margin-right:8px; +} + +.page-breadcrumb i[class^="fa-"], [class*=" fa-"],.page-breadcrumb i[class^="ict-"], [class*=" ict-"]{ + display:none; +} + + + +.fa-lg, +.icon-lg { + font-size: 16px; +} + +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} + +.icon-default { + color: #ccc; +} + +.icon-success { + color: #468847; +} + +.icon-info { + color: #27a9e3; +} + +.icon-warning { + color: #dbc056; +} + +.icon-danger { + color: #B94A48; +} + +/*** +Close icon used for modal dialog and other UI element close buttons +***/ +.close { + display: inline-block; + margin-top: 0px; + margin-right: 0px; + width: 9px; + height: 9px; + background-repeat: no-repeat !important; + text-indent: -10000px; + outline: none; + background-image: url("../image/remove-icon-small.png") !important; +} + +.about{ + height:345px; + width:528px; +} + +.aboutmain{ + background-image: url("../image/about/about-bg-light.png"); +} + +.aboutinfo{ + background-image: url("../image/about/about-bg-dark.png"); +} + +.about a{ + color: white; + + margin-left:15px; + text-decoration: none; +} + +.about a.about_close{ + float:right; + margin-right:20px; + font-size: 1.2em; +} + +.about div{ + padding-top:10px; + +} + +.about div.info{ + float: right; + margin-right: 15px; + margin-top: 130px; + color: white; + font-size: 13px; +} + +.about div.info div{ + margin-left:15px; +} + +.about div.info img{ + margin-right: 55px; +} + +.aboutDlg{ + width: 530px; + margin-left:150px; +} + +/*** +General HR +***/ + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #E0DFDF; + border-bottom: 1px solid #FEFEFE; +} + +/*** +Tools +***/ + +.display-none, +.display-hide { + display: none; +} + +.no-space { + margin: 0px !important; + padding: 0px !important; +} + +.no-margin { + margin:0; +} + +.no-border { + border:0 !important; +} + +.margin-bottom-5 { + margin-bottom: 5px; +} + +.margin-bottom-10 { + margin-bottom: 10px !important; +} + +.margin-top-10 { + margin-top: 10px !important; +} + +.margin-bottom-15 { + margin-bottom: 15px !important; +} + +.margin-bottom-20 { + margin-bottom: 20px !important; +} + +.margin-top-20 { + margin-top: 20px !important; +} + +.margin-bottom-25 { + margin-bottom: 25px !important; +} + +.margin-right-10 { + margin-right: 10px !important; +} + +.bold { + font-weight:600 !important; +} + +.fix-margin { + margin-left: 0px !important +} + +.border { + border: 1px solid red; +} + +.inline { + display: inline; +} + +.text-align-reverse { + text-align: right; +} + +/*** +ie8 & ie9 modes +***/ + +.visible-ie8 { + display: none; +} + +.ie8 .visible-ie8 { + display: inherit !important; +} + +.visible-ie9 { + display: none; +} + +.ie9 .visible-ie9 { + display: inherit !important; +} + +.hidden-ie8 { + display: inherit; +} + +.ie8 .hidden-ie8 { + display: none !important; +} + +.hidden-ie9 { + display: inherit; +} + +.ie9 .hidden-ie9 { + display: none !important; +} + +/******************** + GENERAL LAYOUT +*********************/ + +/*** +Header and header elements. +***/ + +.header.navbar { + width: 100%; + padding: 0 20px 0 20px; + margin: 0; + border: 0px; + padding: 0px; + box-shadow: none; + height: 42px; + min-height: 42px; +} + +.header.navbar.navbar-fixed-top { + z-index: 9995 !important; +} + +.header.navbar .navbar-brand { + display: inline-block; + margin-top: -1px; + margin-right: 0; + padding-left: 0; + padding-right: 0; + width: 225px; + height: 42px; +} + +.header.navbar .navbar-brand img { + margin-left: 20px; +} + +.header.navbar .navbar-brand.text-logo { + padding-left: 20px; + padding-top: 12px; +} + +.header.navbar .navbar-toggle { + margin: 8px 6px 4px 6px; + padding: 0; + padding-top:2px; + padding-bottom: 6px; + background-image: none; + filter:none; + box-shadow: none; + color: #fff; + border: 0; +} + +.header.navbar .navbar-toggle:hover { + text-decoration: none; + background: none; +} + +.header.navbar .navbar-nav { + margin-right: 20px; + display: block; +} + +.header.navbar .navbar-nav > li { + margin: 0px; + padding: 0px; +} + +.header.navbar .navbar-nav > li.dropdown, +.header.navbar .navbar-nav > li.dropdown > a { + padding-left: 4px; + padding-right: 4px; +} + +.header.navbar .navbar-nav > li.dropdown > a:last-child { + padding-right: 0; +} + +.header.navbar .navbar-nav > li.dropdown:last-child { + padding-right: 2px; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-toggle { + margin: 0px; + padding: 15px 10px 7px 10px; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-toggle > i { + font-size: 18px; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-menu > li > a > i { + font-size: 14px; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle { + padding-top: 9px; + *padding: 9px 18px 6px 6px; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle:hover { + text-decoration: none; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle .username { + color: #ddd; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle i { + display: inline-block; + margin-top: 5px; + margin: 0; + font-size: 16px; +} + +.header.navbar .navbar-nav > li.dropdown.user .dropdown-menu i { + width: 15px; + display: inline-block; +} + +.header.navbar .navbar-nav > li.dropdown .dropdown-toggle .badge { + position: absolute; + top: 8px; + right: 20px; +} + + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle { + padding: 13px 0px 6px 6px; +} + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle:hover { + text-decoration: none; +} + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle .sysname { + color: #ddd; +} + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle i { + display: inline-block; + margin-top: 5px; + margin: 0; + font-size: 16px; +} + +.header.navbar .navbar-nav > li.dropdown.system .dropdown-menu i { + width: 15px; + display: inline-block; +} + +/*** +Header Search +***/ +.header.navbar .search-form { + float: left; + display: inline-block; + padding: 0; + height: 41px; + margin:0; +} + +.header.navbar .search-form .form-control{ + margin-top: 8px; + border: 0; + padding-top: 1px; + padding-right: 27px; +} + +.header.navbar .search-form .submit { + position: relative; + display: block; + float: right; + margin-top: -21px; + margin-right: 8px; + width: 13px; + height: 15px; + box-shadow: none; + border: 0px; + padding: 0px; + background-color: none; + background-repeat: no-repeat !important; + outline: none !important; + opacity: 0.8; + filter: alpha(opacity=80); +} + +.header.navbar .search-form .submit:hover { + opacity: 1; + filter: alpha(opacity=100); +} + +/*** +Language Bar +***/ + +.header.navbar .navbar-nav > li.dropdown.language { + padding-left: 0; + padding-right: 0; + margin: 0; +} + +.header.navbar .navbar-nav > li.dropdown.language > a { + color: #ddd; + font-size: 13px; + padding: 11px 1px 11px 5px; +} + +.header.navbar .navbar-nav > li.dropdown.language > a > img { + margin-bottom: 2px; +} + +.header.navbar .navbar-nav > li.dropdown.language > a > i { + font-size: 16px; +} + +.header.navbar .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img { + margin-bottom: 2px; +} + +.header.navbar .navbar-nav .dropdown-menu { + margin-top: 3px; +} + +/*** +Page container +***/ + +.page-container { + margin: 0px; + padding: 0px; + position: relative; +} + +.page-container:before, +.page-container:after { + display: table; + content: " "; +} + +.page-container:after { + clear: both; +} + +.page-header-fixed .page-container { + margin-top: 42px; +} + +/*** IE 8 Fixes ***/ +/*** +Page sidebar +***/ + +.ie8 .page-sidebar { + width: 225px; + float: left; + position: relative; + margin-right: -100%; +} + +/*** +Page content +***/ + +.ie8 .page-content-wrapper { + float: left; + width: 100%; + } + +.ie8 .page-content { + margin-left: 225px; + margin-top: 0px; + min-height: 540px; + padding: 20px 20px 20px 20px; + } +/*** IE 8 Fixes ***/ + +/*** +Page sidebar +***/ + +.page-sidebar.navbar-collapse { + padding: 0; +} + +.page-sidebar-menu { + list-style: none; + margin: 0; + padding: 0; + margin: 0; + padding: 0; +} + +.page-sidebar-menu > li { + display: block; + margin: 0; + padding: 0; + border: 0px; +} + +.page-sidebar-menu > li.start > a { + border-top-color: transparent !important; +} + +.page-sidebar-menu > li:last-child > a, +.page-sidebar-menu > li.last > a { + border-bottom-color: transparent !important; +} + +.page-sidebar-menu > li > a { + display: block; + position: relative; + margin: 0; + border: 0px; + padding: 10px 15px; + text-decoration: none; + font-size: 14px; + font-weight: 300; +} + +.page-sidebar-fixed .page-sidebar-menu > li > a { + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + transition: all 0.2s ease; +} + +.page-sidebar-reversed.page-sidebar-fixed .page-sidebar-menu > li > a{ + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} + +.page-sidebar-menu > li > a i { + font-size: 16px; + margin-right: 5px; + text-shadow:none; +} + +.page-sidebar-menu > li.break { + margin-bottom: 20px; +} + +.page-sidebar-menu > li.open > a { + font-size: 14px; +} + +.page-sidebar-menu > li.active > a { + border: none; + text-shadow:none; + font-size: 14px; +} + +.page-sidebar-menu > li.active > a .selected { + display: block; + width: 8px; + height: 25px; + background-image: url("../image/sidebar-menu-arrow.png"); + float: right; + position: absolute; + right:0px; + top:8px; +} + +.page-sidebar-reversed .page-sidebar-menu > li.active > a .selected { + background-image: url("../image/sidebar-menu-arrow-reverse.png"); + right: auto; + left:0; +} + +.page-sidebar ul > li > a > .arrow:before { + float: right; + margin-top: 0px; + margin-right: 5px; + display: inline; + font-size: 16px; + font-family: FontAwesome; + height: auto; + content: "\f104"; + font-weight: 300; + text-shadow:none; +} + +.page-sidebar-menu > li > a > .arrow.open:before { + float: right; + margin-top: 0px; + margin-right: 3px; + display: inline; + font-family: FontAwesome; + height: auto; + font-size: 16px; + content: "\f107"; + font-weight: 300; + text-shadow:none; +} + +/* bagin: sidebar menu badges */ +.page-sidebar-menu li > a > .badge { + float: right; + margin-top: 1px; + margin-right: 13px; +} + +/* end: sidebar menu badges */ + +.page-sidebar-menu .sub-menu { + padding: 0; +} + +.page-sidebar-menu > li > ul.sub-menu { + display: none; + list-style: none; + clear: both; + margin: 8px 0px 8px 0px; +} + +.page-sidebar-menu > li.active > ul.sub-menu { + display: block; +} + +.page-sidebar-menu > li > ul.sub-menu > li { + background: none; + margin: 0px; + padding: 0px; + margin-top: 1px !important; +} + +.page-sidebar-menu > li > ul.sub-menu > li > a { + display: block; + margin: 0px 0px 0px 0px; + padding: 5px 0px; + padding-left: 44px !important; + text-decoration: none; + font-size: 14px; + font-weight: 300; + background: none; +} + +/* 3rd level sub menu */ +.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu { + display: none; + list-style: none; + clear: both; + margin: 0px 0px 0px 0px; +} + +.page-sidebar-menu > li > ul.sub-menu li > a > .arrow:before { + float: right; + margin-top: 1px; + margin-right: 20px; + display: inline; + font-size: 16px; + font-family: FontAwesome; + height: auto; + content: "\f104"; + font-weight: 300; + text-shadow:none; +} + +.page-sidebar-menu > li > ul.sub-menu li > a > .arrow.open:before { + float: right; + margin-top: 1px; + margin-right: 18px; + display: inline; + font-family: FontAwesome; + height: auto; + font-size: 16px; + content: "\f107"; + font-weight: 300; + text-shadow:none; +} + +.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu { + display: block; +} + +.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu li { + background: none; + margin: 0px; + padding: 0px; + margin-top: 1px !important; +} + +.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a { + display: block; + margin: 0px 0px 0px 0px; + padding: 5px 0px; + text-decoration: none; + font-size: 14px; + font-weight: 300; + background: none; +} + +.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { + padding-left: 60px; +} + +.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { + padding-left: 80px; +} + +.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu { + display: block; +} + + +.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a > i { + font-size: 13px; +} + +/*** +Sidebar Search +***/ + +.page-sidebar .sidebar-search { + padding:0; + margin: 0; +} + +.page-sidebar .header.navbar-responsive-search { + display: none; +} + +.page-sidebar .sidebar-search .form-container { + margin: 15px 20px 15px 20px; + height: 35px; + padding-top: 7px; +} + +.page-sidebar .sidebar-search .form-container .submit { + display: block; + float: right; + margin-top: 3px; + width: 13px; + height: 15px; + background-repeat: no-repeat; + box-shadow: none; + border: 0px; + padding: 0px; + outline: none !important; +} + +.page-sidebar .sidebar-search .form-container input[type="text"] { + margin: 0px; + width: 165px; + border: 0px; + padding: 0 !important; + font-size: 14px !important; + box-shadow: none !important; + font-size: 14px; + font-weight: normal; +} + +.page-sidebar .sidebar-search .form-container input[type="text"]:focus { + outline: none !important; +} + +/*** +Sidebar toggler(show/hide) +***/ +.sidebar-toggler { + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); + width: 29px; + height: 29px; + background-repeat: no-repeat; +} + +.sidebar-toggler:hover { + filter: alpha(opacity=100); + opacity: 1; +} + +.page-sidebar .sidebar-toggler { + margin-top: 15px; + /* margin-left: 175px;*/ +} + +.header.navbar .sidebar-toggler { + float: left; + display: inline-block; + margin-top: 6px; + margin-left: -42px; +} + +/*** +Page content +***/ +.page-content { + margin-top: 0px; + padding: 0px; + background-color: #fff; +} + +.ie8 .page-content { + padding: 20px; + margin-left: 225px; + margin-top: 0px; + min-height: 760px; +} + +.ie8 .page-sidebar-fixed .page-content { + min-height: 600px; +} + +.ie8 .page-content.no-min-height { + min-height: auto; +} + +.page-full-width .page-content { + margin-left: 0px !important; +} + +.page-full-width .page-sidebar-menu { + display: none; +} + +/*** +Page title +***/ +.page-title { + padding: 0px; + font-size: 30px; + letter-spacing: -1px; + display: block; + color: #666; + margin: 0px 0px 15px 0px; + font-weight: 300; + font-family: 'Open Sans', sans-serif; +} + +.page-title small { + font-size: 14px; + letter-spacing: 0px; + font-weight: 300; + color: #888; +} + +/*** +Page breadcrumb +***/ + +.ie8 .row .page-breadcrumb.breadcrumb > li { + margin-right: 1px; +} + +.page-content .page-breadcrumb.breadcrumb { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + box-shadow: none; + padding-right: 30px; + padding-left: 8px; + margin-top: 15px; + margin-bottom: 25px; + border:0px !important; + background-color: #fff; +} + +.page-content .page-breadcrumb.breadcrumb > li > a, +.page-content .page-breadcrumb.breadcrumb > li > i, +.page-content .page-breadcrumb.breadcrumb > li > span { + color: #333; + font-size: 14px; + text-shadow:none; +} + +.page-content .page-breadcrumb.breadcrumb > li > i { + color: #666; +} + +.page-content .page-breadcrumb.breadcrumb > li+li:before { + display: none; +} + +/* Dashboard breadcrumb Dropdown */ +.page-content .page-breadcrumb.breadcrumb .more-botton-zone .btn-group { + right: 15px; + position: absolute; + margin-top: -8px; +} +.page-content .page-breadcrumb.breadcrumb .more-botton-zone { + position:inherit; +} + +.page-content .page-breadcrumb.breadcrumb .more-botton-zone .btn-group .btn { + padding-top: 8px; + padding-bottom: 8px; + font-size: 12px; +} + +/* Dashboard date range panel */ +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range { + position: relative; + top: -8px; + margin-right: -30px; + display: none; + padding: 9px 9px 8px 9px; + cursor: pointer; + color: #fff; + background-color: #e02222; +} + +/* hack for chrome and safari */ +@media all and (-webkit-min-device-pixel-ratio:0) { + .page-content .page-breadcrumb.breadcrumb .dashboard-date-range { + padding: 9px; + } +} + +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span { + font-size: 12px; + font-weight: 300; + color: #fff; + text-transform: uppercase; +} + +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-calendar { + text-transform: none; + color: #fff; + margin-top: 0px; + font-size: 14px; +} + +.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-angle-down { + color:#fff; + font-size: 16px; +} + +/*** +Footer +***/ + +.footer { + padding: 8px 20px 5px 20px; + font-size: 12px; +} + +.footer:after, +.footer:before { + content: ""; + display: table; + line-height: 0; +} + +.footer:after { + clear: both; +} + +.footer .footer-inner { + float: left; + display: inline-block; +} + +.footer .footer-tools { + float: right; + display: inline-block; +} + +.footer .footer-tools .go-top { + display: block; + text-decoration: none; + cursor: pointer; + margin-top: -2px; + margin-right: 0px; + margin-bottom: 0px; + font-size: 16px; + padding: 0px 6px 0px 6px; +} + +.footer .footer-tools .go-top i { + font-size: 22px; + margin-bottom: 5px; +} + + +/******************** + GENERAL UI ELEMENTS +*********************/ + +/*** +Icon stuff +***/ +i.icon, a.icon { + color: #999; + margin-right: 5px; + font-weight: normal; + font-size: 13px; +} + +i.icon-black { + color: #000 !important; +} + +a.icon:hover { + text-decoration: none; + -webkit-transition: all 0.1s ease-in-out; + -moz-transition: all 0.1s ease-in-out; + -o-transition: all 0.1s ease-in-out; + -ms-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + opacity: .4; + filter:alpha(opacity=40); +} + +a.icon.huge i{ + font-size: 16px !important; +} + +i.big { + font-size: 20px; +} + +i.warning { + color: #d12610; +} + +i.critical { + color: #37b7f3; +} + +i.normal { + color: #52e136; +} + +/*** +Custom wells +***/ +.well { + background-color: #fafafa; + border: 1px solid #eee; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.well.mini { + padding: 7px !important; +} + +/*** +Form stuff +***/ + + +/*** +Bordered form layout +***/ + +/*** +Input icons +***/ + +/* input with right aligned and colored icons */ + +/* input with left aligned icons */ +.input-icon { + position: relative; +} + + +.input-icon input { + padding-left: 33px !important; +} + +.input-icon i { + color: #ccc; + display: block; + position: absolute; + margin: 11px 2px 4px 10px; + width: 16px; + height: 16px; + font-size: 16px; + text-align: center; +} + +.input-icon.right input { + padding-left: 12px !important; + padding-right: 33px !important; +} + +.input-icon.right i { + right: 8px; + float: right; +} + +.has-success .input-icon > i { + color: #468847; +} + +.has-warning .input-icon > i { + color: #c09853; +} + +.has-error .input-icon > i { + color: #b94a48; +} + +/*** +Portlets +***/ +.portlet { + clear: both; + margin-top: 0px; + margin-bottom: 25px; + padding: 0px; +} + +.portlet > .portlet-title { + margin-bottom: 15px; + border-bottom: 1px solid #eee; +} + +.portlet > .portlet-title:after, +.portlet > .portlet-title:before { + content: ""; + display: table; + line-height: 0; +} + +.portlet > .portlet-title:after { + clear: both; +} + +.portlet > .portlet-title > .caption { + float: left; + display: inline-block; + font-size: 18px; + line-height: 18px; + font-weight: 400; + margin: 0; + padding: 0; + margin-bottom: 8px; +} + +.portlet > .portlet-title > .caption > i { + float: left; + margin-top: 4px; + display: inline-block !important; + font-size: 13px; + margin-right: 5px; + color: #666; +} + +.portlet.blue > .portlet-title > .caption, +.portlet.green > .portlet-title > .caption, +.portlet.yellow > .portlet-title > .caption, +.portlet.red > .portlet-title > .caption, +.portlet.purple > .portlet-title > .caption, +.portlet.grey > .portlet-title > .caption { + color: #fff; +} + +.portlet.box.blue > .portlet-title > .caption > i, +.portlet.box.green > .portlet-title > .caption > i, +.portlet.box.grey > .portlet-title > .caption > i, +.portlet.box.yellow > .portlet-title > .caption > i, +.portlet.box.red > .portlet-title > .caption > i, +.portlet.box.purple > .portlet-title > .caption > i, +.portlet.box.light-grey > .portlet-title > .caption > i{ + color: #fff; +} + +.sortable .portlet > .portlet-title { + cursor: move; +} + +.portlet > .portlet-title > .tools, +.portlet > .portlet-title > .actions + { + display: inline-block; + padding: 0; + margin: 0; + margin-top: 6px; + float: right; +} + +.portlet > .portlet-title > .tools > a { + display: inline-block; + height: 16px; + margin-left:5px; +} + +.portlet > .portlet-title > .actions > .dropdown-menu i { + color: #000 !important; +} + +.portlet > .portlet-title > .tools > a.remove { + margin-bottom: 2px; + background-image:url(../image/portlet-remove-icon.png); + background-repeat: no-repeat; + width: 11px; +} + +.portlet > .portlet-title > .tools > a.config { + margin-bottom: 2px; + background-image:url(../image/portlet-config-icon.png); + background-repeat: no-repeat; + width: 12px; +} + +.portlet > .portlet-title > .tools > a.reload { + margin-bottom: 2px; + background-image:url(../image/portlet-reload-icon.png); + width: 13px; +} + +.portlet > .portlet-title > .tools > a.expand { + margin-bottom: 2px; + background-image:url(../image/portlet-expand-icon.png); + width: 14px; +} + +.portlet > .portlet-title > .tools > a.collapse { + margin-bottom: 2px; + background-image:url(../image/portlet-collapse-icon.png); + width: 14px; +} + +.portlet > .portlet-title > .tools > a:hover { + text-decoration: none; + -webkit-transition: all 0.1s ease-in-out; + -moz-transition: all 0.1s ease-in-out; + -o-transition: all 0.1s ease-in-out; + -ms-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + opacity:.6; + filter:'alpha(opacity=60)'; +} + +.portlet > .portlet-title > .actions > .btn-group { + margin-top: -13px; +} + +.portlet > .portlet-title > .actions > .btn { + padding: 4px 10px; + margin-top: -14px; +} + +.portlet > .portlet-title > .actions > .btn-group > .btn { + padding: 4px 10px; + margin-top: -1px; +} + +.portlet > .portlet-title > .actions > .btn.btn-sm { + padding: 3px 8px; + margin-top: -13px; +} + +.portlet > .portlet-title > .actions > .btn-group > .btn-sm { + padding: 3px 8px; + margin-top: -1px; +} + +.portlet > .portlet-title > .pagination.pagination-sm { + float: right !important; + display: inline-block !important; + margin: 0px; + margin-top: -4px; +} + +@media (max-width: 767px) { + .portlet > .portlet-title > .actions.btn-set > .btn-group, + .portlet > .portlet-title > .actions.btn-set > .btn { + margin-top: 0px; + margin-bottom: 5px; + } +} + +.portlet > .portlet-body { + clear: both; + padding: 0; +} + +.portlet > .portlet-empty { + min-height: 125px; +} + +.portlet > .portlet-body.light-blue, .portlet.light-blue { + background-color: #bfd5fa !important; +} + +.portlet > .portlet-body.blue, .portlet.blue { + background-color: #4b8df8 !important; +} + +.portlet > .portlet-body.red, .portlet.red { + background-color: #e02222 !important; +} + +.portlet > .portlet-body.yellow, .portlet.yellow { + background-color: #ffb848 !important; +} + +.portlet > .portlet-body.green, .portlet.green { + background-color: #35aa47 !important; +} + +.portlet > .portlet-body.purple, .portlet.purple { + background-color: #852b99 !important; +} + +.portlet > .portlet-body.light-grey, .portlet.light-grey { + background-color: #fafafa !important; +} + +.portlet > .portlet-body.grey, .portlet.grey { + background-color: #555555 !important; +} + +/* draggable girds */ + +.ui-sortable-placeholder { + border: 1px dotted black; + visibility: visible !important; + height: 100% !important; +} + +.ui-sortable-placeholder * { + visibility: hidden; +} + +.sortable-box-placeholder { + background-color: #f5f5f5; + border: 1px dashed #DDDDDD; + display: block; + /* float: left;*/ + margin-top: 0px !important; + margin-bottom: 24px !important; +} + +.sortable-box-placeholder * { + visibility:hidden; +} + +/*** +Solid colored portlet +***/ +.portlet.solid { + padding: 10px; +} + +.portlet.solid > .portlet-title > .tools { + margin-top: 2px; + border: 0px; +} + +.portlet.solid > .portlet-title { + margin-bottom: 5px; + border: 0px; +} + +.portlet.solid.bordered > .portlet-title { + margin-bottom: 15px; +} + +.portlet.solid.red > .portlet-title, +.portlet.solid.red > .portlet-title > .caption > i, +.portlet.solid.red > .portlet-body, + +.portlet.solid.green > .portlet-title, +.portlet.solid.green > .portlet-title > .caption > i, +.portlet.solid.green > .portlet-body, + +.portlet.solid.yellow > .portlet-title, +.portlet.solid.yellow > .portlet-title > .caption > i, +.portlet.solid.yellow > .portlet-body, + +.portlet.solid.grey > .portlet-title, +.portlet.solid.grey > .portlet-title > .caption > i, +.portlet.solid.grey > .portlet-body, + +.portlet.solid.purple > .portlet-title, +.portlet.solid.purple > .portlet-title > .caption > i, +.portlet.solid.purple > .portlet-body, + +.portlet.solid.blue > .portlet-title, +.portlet.solid.blue > .portlet-title > .caption > i, +.portlet.solid.blue > .portlet-body { + border: 0; + color: #fff; +} + +.portlet.bordered { + border-left: 2px solid #ddd; +} + +/*** +Box portlet +***/ + +.portlet.box { + padding:0px !important +} + +.portlet.box > .portlet-title { + padding:8px 10px 2px 10px; + border-bottom: 1px solid #eee; + color: #fff !important; +} + +.portlet.box > .portlet-title > .tools { + margin-top: 3px; +} + +.portlet.box > .portlet-title > .tools > a.remove, +.portlet.solid > .portlet-title > .tools > a.remove { + background-image:url(../image/portlet-remove-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.config, +.portlet.solid > .portlet-title > .tools > a.config { + background-image:url(../image/portlet-config-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.reload, +.portlet.solid > .portlet-title > .tools > a.reload { + background-image:url(../image/portlet-reload-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.expand, +.portlet.solid > .portlet-title > .tools > a.expand { + background-image:url(../image/portlet-expand-icon-white.png); +} + +.portlet.box > .portlet-title > .tools > a.collapse, +.portlet.solid > .portlet-title > .tools > a.collapse { + background-image:url(../image/portlet-collapse-icon-white.png); +} + +/* portlet buttons */ +.portlet.box > .portlet-body { + background-color: #fff; + padding: 10px; +} + +.portlet.box > .portlet-title { + margin-bottom: 0px; +} + +.portlet.box.blue > .portlet-title { + background-color: #4b8df8; +} + +.portlet.box.blue { + border: 1px solid #b4cef8; + border-top: 0; +} + +.portlet.box.red > .portlet-title { + background-color: #e02222; +} + +.portlet.box.red { + border: 1px solid #ef8476; + border-top: 0; +} + +.portlet.box.yellow > .portlet-title { + background-color: #ffb848; +} + +.portlet.box.yellow { + border: 1px solid #fccb7e; + border-top: 0; +} + +.portlet.box.green > .portlet-title { + background-color: #35aa47; +} + +.portlet.box.green { + border: 1px solid #77e588; + border-top: 0; +} + +.portlet.box.purple > .portlet-title { + background-color: #852b99; +} + +.portlet.box.purple { + border: 1px solid #af5cc1; + border-top: 0; +} + +.portlet.box.grey > .portlet-title { + background-color: #555555; +} + +.portlet.box.grey { + border: 1px solid #9d9c9c; + border-top: 0; +} + +.portlet.box.light-grey > .portlet-title { + background-color: #aaa; +} + +.portlet.box.light-grey { + border: 1px solid #bbb; + border-top: 0; +} + +/*** +Charts and statistics +***/ +.chart, .pie, .bars { + overflow: hidden; + height: 300px; +} + +/*** +Statistic lists +***/ +.item-list.table .percent { + width: 30px; + float: right; + margin-right: 10px; + margin-top: 3px; +} + +/*** +Chart tooltips +***/ +.chart-tooltip { + clear: both; + z-index: 100; + background-color: #736e6e !important; + padding: 5px !important; + color: #fff; +} + +.chart-tooltip .label { + clear: both; + display: block; + margin-bottom: 2px; +} + +/*** +Mini chart containers +***/ +.bar-chart { + display: none +} + +.line-chart { + display: none +} + +/*** +Custom icon buttons +***/ +.icon-btn { + height: 60px; + min-width: 80px; + margin: 5px 5px 0 0; + border: 1px solid #ddd; + padding: 12px 0px 0px 0px; + background-color: #fafafa !important; + background-image: none !important; + filter:none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + display:inline-block !important; + color: #646464 !important; + text-shadow: none !important; + text-align: center; + cursor: pointer; + position: relative; + -webkit-transition: all 0.3s ease !important; + -moz-transition: all 0.3s ease !important; + -ms-transition: all 0.3s ease !important; + -o-transition: all 0.3s ease !important; + transition: all 0.3s ease !important; +} + +.icon-btn i { + font-size: 18px; +} + +.ie8 .icon-btn:hover { + filter: none !important; +} + +.icon-btn:hover { + text-decoration: none !important; + border-color: #999 !important; + color: #444 !important; + text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important; + -webkit-transition: all 0.3s ease !important; + -moz-transition: all 0.3s ease !important; + -ms-transition: all 0.3s ease !important; + -o-transition: all 0.3s ease !important; + transition: all 0.3s ease !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.icon-btn:hover .badge { + -webkit-transition: all 0.3s ease !important; + -moz-transition: all 0.3s ease !important; + -ms-transition: all 0.3s ease !important; + -o-transition: all 0.3s ease !important; + transition: all 0.3s ease !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + +.icon-btn div { + font-family: 'Open Sans', sans-serif; + margin-top: 5px; + margin-bottom: 20px; + color: #000; + font-size: 12px; + font-weight: 300; +} + +.icon-btn .badge { + position: absolute; + font-family: 'Open Sans', sans-serif; + font-size: 11px !important; + font-weight: 300; + top: -5px; + right: -5px; + padding: 3px 6px 3px 6px; + color: white !important; + text-shadow: none; + border-width: 0; + border-style: solid; + -webkit-border-radius: 12px !important; + -moz-border-radius: 12px !important; + border-radius: 12px !important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +/* extended dropdowns */ +.dropdown-menu.extended { + min-width: 160px !important; + max-width: 300px !important; + width: 233px !important; + background-color: #ffffff !important; +} + +.dropdown-menu.extended:before, +.dropdown-menu.extended:after { + border-bottom-color: #ddd !important; +} + +.dropdown-menu.extended li a{ + display: block; + padding: 5px 10px !important; + clear: both; + font-weight: normal; + line-height: 20px; + white-space: normal !important; +} + +.dropdown-menu.extended li i{ + margin-right: 3px; +} + +.dropdown-menu.extended li a{ + font-size: 13px; + padding: 10px !important; + background-color: #ffffff; +} + +.dropdown-menu.extended li a:hover { + background-image: none; + background-color: #f5f5f5; + color: #000; + filter:none; +} + +.dropdown-menu.extended li p{ + padding: 10px; + background-color: #eee; + margin: 0px; + font-size: 14px; + font-weight: 300; + color: #000; +} + +.dropdown-menu.extended li a{ + padding: 7px 0 5px 0px; + list-style: none; + border-bottom: 1px solid #f4f4f4 !important; + font-size: 12px; + text-shadow: none; +} + +.dropdown-menu.extended li:first-child a { + border-top: none; + border-bottom: 1px solid #f4f4f4 !important; +} + +.dropdown-menu.extended li:last-child a { + border-top: 1px solid white !important; + border-bottom: 1px solid #f4f4f4 !important; +} + +.dropdown-menu.extended li.external > a { + font-size: 13px; + font-weight: 400; +} + +.dropdown-menu.extended li.external > a > i{ + margin-top: 3px; + float: right; +} + +/* header notifications dropdowns */ +.dropdown-menu .dropdown-menu-list.scroller { + padding-right: 0 !important; + padding-left: 0; + list-style: none; +} + +.dropdown-menu.notification li > a .time { + font-size: 12px; + font-weight: 600; + text-align: right; + font-style: italic; +} + +/* header inbox dropdowns */ +.dropdown-menu.inbox li > a .photo { + float: left; + padding-right: 6px; +} + +.dropdown-menu.inbox li > a .photo > img { + height: 40px; + width: 40px; +} + +.dropdown-menu.inbox li > a .subject { + display: block; +} + +.dropdown-menu.inbox li > a .subject .from { + font-size: 14px; + font-weight: 400; + color: #02689b; +} + +.dropdown-menu.inbox li > a .subject .time { + font-size: 12px; + font-weight: 600; + font-style: italic; + position: relative; + float: right; +} + +.dropdown-menu.inbox li > a .message { + display: block !important; + font-size: 12px; +} + +/* header tasks */ +.dropdown-menu.tasks .task { + margin-bottom: 5px; +} + +.dropdown-menu.tasks .task .desc { + font-size: 13px; + font-weight: 300; +} + +.dropdown-menu.tasks .task .percent { + font-size: 14px; + font-weight: 600; + font-family: 'Open Sans', sans-serif; + float: right; + display: inline-block; +} + +.dropdown-menu.tasks .progress { + display: block; + height: 11px; + margin: 0px; +} + +/*** +General list for item with image +***/ +.item-list li .img { + height: 50px; + width: 50px; + float: left; + margin-top: 3px; + margin-right: 5px; +} + +.item-list { + margin: 0px; + list-style: none; +} + +.item-list li { + padding: 7px 0 5px 0px; + list-style: none; + border-top: 1px solid white; + border-bottom: 1px solid #EBEBEB; + font-size: 12px; +} + +.item-list li:first-child { + border-top: none; + border-bottom: 1px solid #EBEBEB; +} + +.item-list li:last-child { + border-top: none; + border-bottom: none; +} + +.item-list li .label { + margin-right: 5px; +} + +.item-list.todo li .label { + position: absolute; + right: 80px; +} + +.item-list.todo li .actions { + position: absolute; + right: 45px; +} + +/*** +Custom tables +***/ +.table-toolbar { + margin-bottom: 15px; +} + +.table.table-full-width { + width: 100% !important; +} + +.table .m-btn { + margin-top: 0px; + margin-left: 0px; + margin-right: 5px; +} + +.table thead tr th { + font-size: 14px; + font-weight: 600; +} + +.table-advance { + margin-bottom: 10px !important; +} + +.table-advance thead { + color: #999; +} + +.table-advance thead tr th{ + background-color: #DDD; + font-size: 14px; + font-weight: 400; + color: #666; +} + +.table-advance div.success, +.table-advance div.info, +.table-advance div.important, +.table-advance div.warning, +.table-advance div.danger { + position: absolute; + margin-top:-5px; + float: left; + width: 2px; + height: 30px; + margin-right: 20px !important; +} + +.table-advance tr td { + border-left-width: 0px; +} +.table-advance tr td:first-child { + border-left-width: 1px !important; +} + +.table-advance tr td.highlight:first-child a { + margin-left: 15px; +} + +.table-advance td.highlight div.success { + border-left: 2px solid #66ee66; +} + +.table-advance td.highlight div.info { + border-left: 2px solid #87ceeb; +} + +.table-advance td.highlight div.important { + border-left: 2px solid #f02c71; +} + +.table-advance td.highlight div.warning { + border-left: 2px solid #fdbb39; +} + +.table-advance td.highlight div.danger { + border-left: 2px solid #e23e29; +} + +/*** +Star rating +***/ +.rating { + unicode-bidi: bidi-override; + direction: rtl; + font-size: 30px; +} + +.rating span.star { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; +} + +.rating span.star:hover { + cursor: pointer; +} + +.rating span.star:before { + content: "\f006"; + padding-right: 5px; + color: #999999; +} + +.rating span.star:hover:before, +.rating span.star:hover ~ span.star:before { + content: "\f005"; + color: #e3cf7a; +} + + +/*** +Item block with details shown on hover +***/ +.item { + overflow: hidden; + display: block; + margin-bottom: 20px; +} + +.item .details { + width: 100%; + display: none; + background-color: #000; + color: #fff !important; + padding: 5px; + text-align: center; + position: relative; + bottom:30px; + margin-bottom:-30px; + overflow: hidden; + z-index: 6; +} + +.item:hover .details { + display: block; + opacity: 0.7; + filter: alpha(opacity = 70); +} + +.item:hover .zoom-icon{ + opacity:0.5; + filter: alpha(opacity = 50); +} + +/*** +Zoom icon overlay on images +***/ +.zoom { + cursor: pointer; + width: 100%; + height: 100%; + position: relative; + z-index: 5; +} + +.zoom .zoom-icon { + background-image:url("../image/overlay-icon.png"); + background-color: #222; + background-repeat: no-repeat; + background-position: 50%; + position: absolute; + width: inherit; + height: inherit; + opacity: 0; + filter: alpha(opacity = 0); + z-index: 6; + top:0; +} + +/*** +Chats +***/ +.chats { + margin:0; + padding: 0; + margin-top: -15px; +} + +.chats li { + list-style: none; + padding: 5px 0; + margin: 10px auto; + font-size: 12px; +} + +.chats li img.avatar { + height: 45px; + width: 45px; + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + border-radius: 50% !important; +} + +.chats li.in img.avatar { + float: left; + margin-right: 10px; +} + +.chats li .name { + color:#3590c1; + font-size: 13px; + font-weight: 400; +} + +.chats li .datetime { + color:#333; + font-size: 13px; + font-weight: 400; +} + +.chats li.out img.avatar { + float: right; + margin-left: 10px; +} + +.chats li .message { + display: block; + padding: 5px; + position: relative; +} + +.chats li.in .message { + text-align: left; + border-left: 2px solid #35aa47; + margin-left: 65px; + background: #fafafa +} + +.chats li.in .message .arrow { + display: block; + position: absolute; + top: 5px; + left: -8px; + width: 0; + height: 0; + + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-right: 8px solid #35aa47; +} + +.chats li.out .message .arrow { + display: block; + position: absolute; + top: 5px; + right: -8px; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 8px solid #da4a38; +} + +.chats li.out .message { + border-right: 2px solid #da4a38; + margin-right: 65px; + background: #fafafa; + text-align: right; +} + +.chats li.out .name, +.chats li.out .datetime { + text-align: right; +} + +.chats li .message .body { + display: block; +} + +.chat-form { + margin-top: 15px; + padding: 10px; + background-color: #e9eff3; + overflow: hidden; + clear: both; +} + +.chat-form .input-cont { + margin-right: 40px; +} + +.chat-form .input-cont .form-control { + width: 100% !important; + margin-bottom: 0px; +} + +.chat-form .input-cont input{ + border: 1px solid #ddd; + width: 100% !important; + margin-top: 0; +} + +.chat-form .input-cont input { + background-color: #fff !important; +} + +.chat-form .input-cont input:focus{ + border: 1px solid #4b8df9 !important; +} + +.chat-form .btn-cont { + margin-top: -42px; + position: relative; + float: right; + width:44px; +} + +.chat-form .btn-cont .arrow { + position: absolute; + top: 17px; + right: 43px; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-right: 8px solid #4d90fe; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.chat-form .btn-cont:hover .arrow { + border-right-color: #0362fd; +} + +.chat-form .btn-cont:hover .btn { + background-color: #0362fd; +} + +.chat-form .btn-cont .btn { + margin-top: 8px; +} + +/*** +System feeds +***/ +.feeds { + margin: 0px; + padding: 0px; + list-style: none; +} + +.feeds li { + background-color: #fafafa; + margin-bottom: 7px; +} + +.feeds li:before, +.feeds li:after { + display: table; + line-height: 0; + content: ""; +} + +.feeds li:after { + clear: both; +} + +.feeds li:last-child { + margin-bottom: 0px; +} + +.feeds .col1 { + float:left; + width:100%; + clear: both; +} + +.feeds .col2 { + float:left; + width:75px; + margin-left:-75px; +} + +.feeds .col1 .cont { + float:left; + margin-right:75px; + overflow:hidden; +} + +.feeds .col1 .cont .cont-col1 { + float:left; + margin-right:-100%; +} + +.feeds .col1 .cont .cont-col1 .label { + display: inline-block; + padding: 5px 4px 6px 5px; + vertical-align: middle; + text-align: center; +} +.feeds .col1 .cont .cont-col1 .label > i { + text-align: center; + font-size: 14px; +} + +.feeds .col1 .cont .cont-col2 { + float:left; + width:100%; +} + +.feeds .col1 .cont .cont-col2 .desc { + margin-left:35px; + padding-top: 4px; + padding-bottom: 5px; + overflow:hidden; +} + +.feeds .col2 .date { + padding: 4px 9px 5px 4px; + text-align: right; + font-style: italic; + color:#c1cbd0; +} + +/*** +Users +***/ +.user-info { + margin-bottom: 10px !important; +} + +.user-info img { + float: left; + margin-right: 5px; +} + +.user-info .details { + display: inline-block; +} + +.user-info .label { + font-weight: 300; + font-size: 11px; +} + +/*** +Accordions +***/ +.accordion-heading { + background:#eee; +} + +.accordion-heading a { + text-decoration:none; +} + +.accordion-heading a:hover { + text-decoration:none; +} + +/*** +Vertical inline menu +***/ +.ver-inline-menu { + padding: 0; + margin: 0; + list-style: none; +} + +.ver-inline-menu li { + position:relative; + margin-bottom:1px; +} + +.ver-inline-menu li i { + width: 37px; + height: 37px; + display: inline-block; + color:#b9cbd5; + font-size:15px; + padding:12px 10px 10px 8px; + margin:0 8px 0 0; + text-align: center; + background:#e0eaf0 !important; +} + +.ver-inline-menu li a { + font-size: 13px; + color:#557386; + display:block; + background:#f0f6fa; + border-left:solid 2px #c4d5df; +} + +.ver-inline-menu li:hover a, +.ver-inline-menu li:hover i { + background:#e0eaf0; + text-decoration:none; +} + +.ver-inline-menu li:hover i { + color:#fff; + background:#c4d5df !important; +} + +.ver-inline-menu li.active a, +.ver-inline-menu li:hover a { + font-size: 13px; +} + +.ver-inline-menu li.active a { + border-left:solid 2px #0c91e5; +} + +.ver-inline-menu li.active a, +.ver-inline-menu li.active i { + color:#fff; + background:#169ef4; + text-decoration:none; +} + +.ver-inline-menu li.active i { + background:#0c91e5 !important; +} + +.ver-inline-menu li.active:after { + content: ''; + display: inline-block; + border-bottom: 6px solid transparent; + border-top: 6px solid transparent; + border-left: 6px solid #169ef4; + position: absolute; + top: 12px; + right: -5px; +} + +/*** +Custom tabs +***/ +.nav-tabs > li > a > .badge, +.nav-pills > li > a > .badge { + margin-top: -3px; +} + +.nav-tabs > li > a, +.nav-pills > li > a { + font-size: 14px; +} + +.nav-tabs-sm > li > a, +.nav-pills-sm > li > a { + font-size: 13px; +} + +.tabbable-custom { + margin-bottom: 15px; + padding: 0px; + overflow: hidden; +} + +.tabbable-custom > .nav-tabs { + border: none; + margin: 0px; +} + +.tabbable-custom > .tab-content { + background-color: #fff; + border: 1px solid #ddd; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + padding: 10px; +} + +.tabbable-custom.nav-justified .tab-content { + margin-top: -1px; +} + +.tabs-below.tabbable-custom.nav-justified .tab-content { + margin-top: 0px; + margin-bottom: -2px; +} + +.tabbable-custom.boxless > .tab-content { + padding:15px 0; + border-left:none; + border-right:none; + border-bottom:none; +} + +.tabbable-custom .nav-tabs > li { + margin-right: 2px; + border-top: 2px solid transparent; +} + +.tabbable-custom .nav-tabs > li > a { + margin-right: 0; + } + +.tabbable-custom .nav-tabs > li > a:hover { + background: none; + border-color:transparent; +} + +.tabbable-custom .nav-tabs > li.active { + border-top: 3px solid #d12610; + margin-top: 0; + position: relative; +} + +.tabbable-custom .nav-tabs > li.active > a { + border-top: none; + font-weight: 400; +} + +.tabbable-custom .nav-tabs > li.active > a:hover { + border-top: none; + background: #fff; + border-color: #d4d4d4 #d4d4d4 transparent; +} + +.tabbable-custom .nav-tabs > li { + margin-right: 2px; + border-top: 2px solid transparent; +} + +/* below tabs */ + +.tabs-below.tabbable-custom .nav-tabs > li > a { + border-top: none; + border-bottom: 2px solid transparent; + margin-top: -1px; +} + +.tabs-below.tabbable-custom .nav-tabs > li.active { + border-top: none; + border-bottom: 3px solid #d12610; + margin-bottom: 0; + position: relative; +} + +.tabs-below.tabbable-custom .nav-tabs > li.active > a { + border-bottom: none +} + +.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { + background: #fff; + border-color: #d4d4d4 #d4d4d4 transparent; +} + +/*full width tabs with bigger titles */ +.tabbable-custom.tabbable-full-width > .tab-content { + padding:15px 0; + border-left:none; + border-right:none; + border-bottom:none; +} + +.tabbable-custom.tabbable-full-width .nav-tabs > li > a { + color:#424242; + font-size:15px; + padding:9px 15px; +} + +/*** +Custom portlet tabs +***/ + +.portlet-tabs > .nav-tabs { + position: relative; + top: -41px; + margin-right: 10px; + overflow: hidden; +} + +.portlet-tabs > .nav-tabs > li { + float: right; +} + +.portlet-tabs > .nav-tabs { + border-bottom: none; +} + +.portlet-tabs > .nav-tabs > li > a { + color: #fff; + padding-top: 8px; + padding-bottom: 10px; + line-height: 16px; + margin-top: 6px; + margin-left: 0px; + margin-right: 0px; + border-left: 0; + border-right: 0; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} + +.portlet-tabs > .nav-tabs > li:last-child > a { + border-right:0; +} + +.portlet-tabs > .nav-tabs > li { + margin-left: 1px; +} + +.portlet-tabs > .nav-tabs > li.active { + color: #333; + border-top-color: transparent; +} + +.portlet-tabs > .nav-tabs > li.active > a { + margin-bottom: 0px; + border-bottom: 0; + margin-left: 0px; + margin-right: 0px; + border-left: 0; + border-right: 0; + border-top-color:transparent !important; +} + +.portlet-tabs > .nav-tabs > li > a:hover { + color: #333; + margin-bottom: 0; + border-bottom-color: transparent; + margin-left: 0; + margin-right: 0; + border-left: 0; + border-right: 0; + border-top-color:transparent; + background-color: #fff; +} + +.portlet-tabs > .nav-tabs > .active > a { + color: #555555; + cursor: default; + background-color: #fff; +} + +.portlet-tabs > .nav-tabs > .active > a:hover { + background-color: #fff !important; +} + +.portlet-tabs > .tab-content { + padding: 10px !important; + margin: 0px; + margin-top: -50px !important; +} + +.portlet.tabbable .portlet-body { + padding: 0px; +} + +.tab-pane > p:last-child { + margin-bottom: 0px; +} + +/* reverse aligned tabs */ + +.tabs-reversed > li { + float: right; +} + +.tabs-reversed > li, +.tabs-reversed > li > a { + margin-right: 0; +} + +/*** +Dashboard container +***/ + +#dashboard { + overflow: hidden; +} + +/*** +Dashboard stats +***/ +.dashboard-stat { + margin-bottom: 25px; +} + +.portlet .dashboard-stat:last-child { + margin-bottom: 0; +} + +.dashboard-stat:before, +.dashboard-stat:after { + display: table; + line-height: 0; + content: ""; +} +.dashboard-stat:after { + clear: both; +} + +.dashboard-stat .visual { + width: 80px; + height:80px; + display: block; + float: left; + padding-top: 10px; + padding-left: 15px; + margin-bottom: 10px; +} + +.dashboard-stat .visual i { + font-size: 65px; + line-height: 65px; + color: #fff; +} + +.dashboard-stat .visual { + font-size: 35px; + line-height: 35px; +} + +@media (min-width: 992px) and (max-width: 1024px) { + + .dashboard-stat .visual i { + font-size: 28px; + line-height: 28px; + } + +} + +.dashboard-stat .details { + position: absolute; + right: 15px; + padding-right: 10px; +} + +.dashboard-stat .details .number { + padding-top: 15px; + text-align: right; + font-size: 34px; + line-height: 34px; + letter-spacing: -1px; + margin-bottom: 5px; + font-weight: 300; + color: #fff; +} + +.dashboard-stat .details .desc { + text-align: right; + font-size: 16px; + letter-spacing: 0px; + font-weight: 300; + color: #fff; +} + +.dashboard-stat .more { + clear: both; + display: block; + padding: 5px 10px 5px 10px; + text-transform: uppercase; + font-weight: 300; + font-size: 11px; + color: #fff; + opacity: 0.7; + filter: alpha(opacity=70); +} + +.dashboard-stat .more:hover { + text-decoration: none; + opacity: 1; + filter: alpha(opacity=100); +} + +.dashboard-stat .more > i { + display: inline-block; + margin-top: 1px; + float: right; +} + +.dashboard-stat.blue { + background-color: #27a9e3; +} + +.dashboard-stat.blue .more { + background-color: #208dbe; +} + +.dashboard-stat.green { + background-color: #28b779; +} + +.dashboard-stat.green .more { + background-color: #10a062; +} + +.dashboard-stat.red { + background-color: #e7191b; +} + +.dashboard-stat.red .more { + background-color:#bc0d0e; +} + +.dashboard-stat.yellow { + background-color: #ffb848; +} + +.dashboard-stat.yellow .more { + background-color: #cb871b; +} + +.dashboard-stat.purple { + background-color: #852b99; +} + +.dashboard-stat.purple .more { + background-color: #6e1881; +} + +/*** +Text Stats +***/ + +.text-stat h3 { + margin-top: 5px; + margin-bottom: 0px; + font-size: 18px; +} + +.text-stat span { + font-size: 12px; + text-transform: uppercase; +} + +@media (max-width: 767px) { + + .text-stat { + margin-top: 20px; + } + +} + +/*** +Tiles(new in v1.1.1) +***/ + +.tiles { + margin-right: -10px; +} + +.tiles:before, +.tiles:after { + display: table; + content: " "; +} + +.tiles:after { + clear: both; +} + +.tile { + display: block; + letter-spacing: 0.02em; + float: left; + height: 135px; + width: 135px !important; + cursor: pointer; + text-decoration: none; + color: #ffffff; + position: relative; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.02em; + line-height: 20px; + overflow: hidden; + border: 4px solid transparent; + margin: 0 10px 10px 0; +} + +.tile:after, +.tile:before { + content: ""; + float: left; +} + +.tile.double { + width: 280px !important; +} + +.tile.double-down { + height: 280px !important; +} + +.tile:active, .tile.selected { + border-color: #ccc !important; +} + +.tile:hover { + border-color: #aaa !important; +} + +.tile.selected .corner:after { + content: ""; + display: inline-block; + border-left: 40px solid transparent; + border-bottom: 40px solid transparent; + border-right: 40px solid #ccc; + position: absolute; + top: -3px; + right: -3px; +} + +.tile.selected .check:after { + content: ""; + font-family: FontAwesome; + font-size: 13px; + content: "\f00c"; + display: inline-block; + position: absolute; + top: 2px; + right: 2px; +} + +.tile * { + color: #ffffff; +} + +.tile .tile-body { + height: 100%; + vertical-align: top; + padding: 10px 10px; + overflow: hidden; + position: relative; + font-weight: 400; + font-size: 12px; + color: #000000; + color: #ffffff; + margin-bottom: 10px; +} + +.tile .tile-body img { + float: left; + margin-right: 10px; +} + +.tile .tile-body img.pull-right { + float: right !important; + margin-left: 10px; + margin-right: 0px; +} + +.tile .tile-body .content { + display: inline-block; +} + +.tile .tile-body > i { + margin-top: 17px; + display: block; + font-size: 56px; + line-height: 56px; + text-align: center; +} + + +.tile.double-down i { + margin-top: 95px; +} + +.tile .tile-body h1, +.tile .tile-body h2, +.tile .tile-body h3, +.tile .tile-body h4, +.tile .tile-body h5, +.tile .tile-body h6, +.tile .tile-body p { + padding: 0; + margin: 0; + line-height: 14px; +} + +.tile .tile-body h3, +.tile .tile-body h4 { + margin-bottom: 5px; +} + +.tile .tile-body h1:hover, +.tile .tile-body h2:hover, +.tile .tile-body h3:hover, +.tile .tile-body h4:hover, +.tile .tile-body h5:hover, +.tile .tile-body h6:hover, +.tile .tile-body p:hover { + color: #ffffff; +} + +.tile .tile-body p { + font-weight: 400; + font-size: 13px; + color: #000000; + color: #ffffff; + line-height: 20px; + overflow: hidden; +} + +.tile .tile-body p:hover { + color: rgba(0, 0, 0, 0.8); +} + +.tile .tile-body p:active { + color: rgba(0, 0, 0, 0.4); +} + +.tile .tile-body p:hover { + color: #ffffff; +} + +.tile.icon > .tile-body { + padding: 0; +} + +.tile .tile-object { + position: absolute; + bottom: 0; + left: 0; + right: 0; + min-height: 30px; + background-color: transparent; + *zoom: 1; +} + +.tile .tile-object:before, +.tile .tile-object:after { + display: table; + content: ""; +} + +.tile .tile-object:after { + clear: both; +} + +.tile .tile-object > .name { + position: absolute; + bottom: 0; + left: 0; + margin-bottom: 5px; + margin-left: 10px; + margin-right: 15px; + font-weight: 400; + font-size: 13px; + color: #ffffff; +} + +.tile .tile-object > .name > i { + vertical-align: middle; + display: block; + font-size: 24px; + height: 18px; + width: 24px; +} + +.tile .tile-object > .number { + position: absolute; + bottom: 0; + right: 0; + margin-bottom: 0; + color: #ffffff; + text-align: center; + font-weight: 600; + font-size: 14px; + letter-spacing: 0.01em; + line-height: 14px; + margin-bottom: 8px; + margin-right: 10px; +} + +.tile.image > .tile-body { + padding: 0 !important; +} + +.tile.image > .tile-body > img{ + width: 100%; + height: auto; + min-height: 100%; + max-width: 100%; +} + +.tile.image .tile-body h3 { + display: inline-block; +} + +/*** +Theme Panel +***/ + +.theme-panel { + width: 400px; + margin-top: 0px; + margin-right: 1px; + z-index: 999; + float: right; + position:relative; +} + +.theme-panel > .toggler { + top:4px; + right:0; + padding:20px; + cursor:pointer; + position:absolute; + background:#c9c9c9 url(../image/icon-color.png) center no-repeat; +} + +.theme-panel > .toggler:hover { + background-color: #3d3d3d !important; +} + +.theme-panel > .toggler-close { + display: none; + top:4px; + right:0; + padding:20px; + cursor:pointer; + position:absolute; + background: #3d3d3d url(../image/icon-color-close.png) center no-repeat !important; +} + +.theme-panel > .toggler-close:hover { + background-color:#222 !important; +} + +.theme-panel > .theme-options { + top:4px; + right:40px; + display:none; + position:absolute; + background:#3d3d3d; +} + +.theme-panel > .theme-options > .theme-option { + color:#cfcfcf; + padding: 15px; + border-top:1px solid #585858; + margin-top: 0px; + margin-bottom: 0px; +} + +.theme-panel > .theme-options > .theme-option.theme-colors { + border-top: 0; +} + +.theme-panel > .theme-options > .theme-option > span { + text-transform:uppercase; + display: inline-block; + width: 138px; + font-size: 14px; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > span { + display: block; + width: auto; +} + +.theme-panel > .theme-options > .theme-option > select.form-control { + display: inline; + width: 100px; + text-transform: lowercase; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul { + list-style:none; + padding: 0; + display: block; + margin-bottom: 1px !important; + margin-top: 10px; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li { + width:37px; + height:37px; + margin:0 4px; + cursor:pointer; + list-style:none; + float: left; + border:solid 1px #707070; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child { + margin-left: 0; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover, +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current { + border:solid 2px #ebebeb; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black { + background:#333438; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey { + background:#6d6d6d; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight { + background:#3366cc; +} +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight { + background:#1ab3ec; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue { + background:#124f94; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown { + background:#623f18; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple { + background:#701584; +} + +.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white { + background:#fff; +} + +/*** +Top bar menu +***/ + +/* enable arrow for dropdown menu */ +.header.navbar .nav > li > .dropdown-menu:before { + position: absolute; + top: -7px; + right: 9px; + display: inline-block !important; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.header.navbar .nav > li > .dropdown-menu:after { + position: absolute; + top: -6px; + right: 10px; + display: inline-block !important; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-left: 6px solid transparent; + content: ''; +} + +/*** +Mega Menu(new in v1.6) +***/ + +.mega-menu .nav, +.mega-menu .collapse, +.mega-menu .mega-menu-dropup, +.mega-menu .mega-menu-dropdown { + position: static; +} +.mega-menu .container { + position: relative; +} +.mega-menu .mega-menu-dropdown .dropdown-menu { + left: auto; + width: auto; +} +.mega-menu .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.mega-menu .mega-menu-content { + padding: 10px; + margin: 0; +} +.mega-menu .mega-menu-full .dropdown-menu { + left: 20px; + right: 20px; +} + +.mega-menu-responsive-content { + padding: 10px 15px 10px 60px; +} + +.page-boxed .mega-menu .mega-menu-dropdown .dropdown-menu { + top: 42px; +} + +.page-boxed .mega-menu .mega-menu-dropdown.mega-menu-full .dropdown-menu { + margin: 0; + padding: 0; + left: 18px; + right: 18px; +} + +.mega-menu .mega-menu-submenu { + width: auto !important; + padding: 0px 30px 0px 0px !important; + margin: 0 !important; +} + + + .mega-menu-content .row :last-child>ul{ + border-right: 0 !important; +} + +.mega-menu .mega-menu-submenu li > h3 { + font-size: 14px; + margin-top: 10px; + padding-left: 5px; +} + +.mega-menu .mega-menu-submenu li { + padding: 2px !important; + margin: 0 !important; + list-style: none; +} + +.mega-menu .mega-menu-submenu li > a { + padding: 5px !important; + margin: 0 !important; +} + +/*** +Horezantal Menu(new in v1.2) +***/ + +.header.navbar .hor-menu { + margin: 0; + float: left; +} + +.header.navbar .hor-menu ul.nav li > a { + font-size: 15px; + padding: 11px 10px; +} + +.header.navbar .hor-menu ul.nav li.current .selected, +.header.navbar .hor-menu ul.nav li.active .selected { + left: 50%; + bottom:0; + position: absolute; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + /*border-top: 6px solid #e02222;*/ + display: inline-block; + margin: 0; + width: 0px; + height:0px; + margin-left: -7px; + margin-bottom:-6px; +} + +/*drop-down*/ +.header.navbar .hor-menu .dropdown-menu { + margin-top: 0; + border: none; + box-shadow: none; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > .dropdown-menu { + top: 0; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > a:after { + top: 8px; + margin-right: 0px; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a { + padding: 7px 18px !important; + margin-bottom:1px; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu .arrow { + display: none; +} + +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a:hover, +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li:hover > a, +.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li.active > a { + filter:none !important; +} + +.header.navbar .hor-menu .nav > li > .dropdown-menu:after, +.header.navbar .hor-menu .nav > li > .dropdown-menu:before { + border-bottom: none !important; +} + +/*search*/ +.header.navbar .hor-menu .hor-menu-search-form-toggler { + display: inline-block; + padding: 12px 22px 12px 22px !important; + cursor: pointer; + background: url(../image/hor-menu-search.png) no-repeat center; +} + +.header.navbar .hor-menu .hor-menu-search-form-toggler:hover { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.header.navbar .hor-menu a.hor-menu-search-form-toggler-close { + display: none; +} + +.header.navbar .hor-menu .search-form { + margin: 0; + top:42px; + right:0px; + padding:0 4px; + display:none; + z-index:999; + position:absolute; +} + +.header.navbar .hor-menu .search-form .btn { + padding: 7px 20px; + height: 32px; + width: 10px; + display: inline-block; +} + +.header.navbar .hor-menu .search-form .btn:hover { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.header.navbar .hor-menu .search-form form { + margin-bottom: 0; +} + +.header.navbar .hor-menu .search-form form input { + background: none; + width: 200px; + border: none; + margin-top: 6px; +} + +/*** +Top News Blocks(new in v1.2.2) +***/ +.top-news { + color: #fff; + margin: 8px 0; +} + +.top-news a, +.top-news em, +.top-news span { + display: block; + text-align: left; +} + +.top-news a { + padding: 10px; + position: relative; + margin-bottom: 10px; +} + +.top-news a .top-news-icon { + right: 8px; + bottom: 15px; + opacity:0.3; + font-size: 35px; + position: absolute; + filter: alpha(opacity=30); /*For IE8*/ +} + +.top-news em { + margin-bottom: 0; + font-style: normal; +} + +.top-news span { + font-size: 18px; + margin-bottom: 5px; +} + +/*** +Block Images(new in v1.2.2) +***/ +.blog-images { + margin-bottom: 0; +} + +.blog-images li { + padding: 0; + margin: 0; + display: inline; +} + +.blog-images li a:hover { + text-decoration: none; +} + +.blog-images li img { + width: 50px; + height: 50px; + opacity: 0.6; + margin: 0 2px 8px; +} + +.blog-images li img:hover { + opacity: 1; + box-shadow: 0 0 0 4px #72c02c; + transition: all 0.4s ease-in-out 0s; + -moz-transition: all 0.4s ease-in-out 0s; + -webkit-transition: all 0.4s ease-in-out 0s; +} + +/*Sidebar Tags*/ +ul.sidebar-tags a { + color: #555; + font-size:12px; + padding:3px 5px; + background:#f7f7f7; + margin:0 2px 5px 0; + display:inline-block; +} + +ul.sidebar-tags a:hover, +ul.sidebar-tags a:hover i { + background: #EEE; + text-decoration:none; + -webkit-transition:all 0.3s ease-in-out; + -moz-transition:all 0.3s ease-in-out; + -o-transition:all 0.3s ease-in-out; + transition:all 0.3s ease-in-out; +} + +ul.sidebar-tags a i { + color:#777; +} + +ul.sidebar-tags li { + padding: 0; +} + +/*** +Social Icons(new in v1.2.2) +***/ +.social-icons { + padding: 0; + margin:0; +} + +.social-icons:after, +.social-icons:before { + content: ""; + display: table; +} + +.social-icons:after { + clear: both; +} + +.social-icons li { + float:left; + display:inline; + list-style:none; + margin-right:5px; + margin-bottom:5px; + text-indent:-9999px; +} +.social-icons li a, a.social-icon { + width:28px; + height:28px; + display:block; + background-position:0 0; + background-repeat:no-repeat; + transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; +} +.social-icons li:hover a { + background-position:0 -38px; +} + +.social-icons-color li a { + opacity: 0.7; + background-position:0 -38px !important; +} + +.social-icons-color li a:hover { + opacity: 1; +} + +.social-icons .amazon {background: url(../image/social/amazon.png) no-repeat;} +.social-icons .behance {background: url(../image/social/behance.png) no-repeat;} +.social-icons .blogger {background: url(../image/social/blogger.png) no-repeat;} +.social-icons .deviantart {background: url(../image/social/deviantart.png) no-repeat;} +.social-icons .dribbble {background: url(../image/social/dribbble.png) no-repeat;} +.social-icons .dropbox {background: url(../image/social/dropbox.png) no-repeat;} +.social-icons .evernote {background: url(../image/social/evernote.png) no-repeat;} +.social-icons .facebook {background: url(../image/social/facebook.png) no-repeat;} +.social-icons .forrst {background: url(../image/social/forrst.png) no-repeat;} +.social-icons .github {background: url(../image/social/github.png) no-repeat;} +.social-icons .googleplus {background: url(../image/social/googleplus.png) no-repeat;} +.social-icons .jolicloud {background: url(../image/social/jolicloud.png) no-repeat;} +.social-icons .last-fm {background: url(../image/social/last-fm.png) no-repeat;} +.social-icons .linkedin {background: url(../image/social/linkedin.png) no-repeat;} +.social-icons .picasa {background: url(../image/social/picasa.png) no-repeat;} +.social-icons .pintrest {background: url(../image/social/pintrest.png) no-repeat;} +.social-icons .rss {background: url(../image/social/rss.png) no-repeat;} +.social-icons .skype {background: url(../image/social/skype.png) no-repeat;} +.social-icons .spotify {background: url(../image/social/spotify.png) no-repeat;} +.social-icons .stumbleupon {background: url(../image/social/stumbleupon.png) no-repeat;} +.social-icons .tumblr {background: url(../image/social/tumblr.png) no-repeat;} +.social-icons .twitter {background: url(../image/social/twitter.png) no-repeat;} +.social-icons .vimeo {background: url(../image/social/vimeo.png) no-repeat;} +.social-icons .wordpress {background: url(../image/social/wordpress.png) no-repeat;} +.social-icons .xing {background: url(../image/social/xing.png) no-repeat;} +.social-icons .yahoo {background: url(../image/social/yahoo.png) no-repeat;} +.social-icons .youtube {background: url(../image/social/youtube.png) no-repeat;} +.social-icons .vk {background: url(../image/social/vk.png) no-repeat;} +.social-icons .instagram {background: url(../image/social/instagram.png) no-repeat;} +.social-icons .reddit {background: url(../image/social/reddit.png) no-repeat;} +.social-icons .aboutme {background: url(../image/social/aboutme.png) no-repeat;} +.social-icons .flickr {background: url(../image/social/flickr.png) no-repeat;} +.social-icons .foursquare {background: url(../image/social/foursquare.png) no-repeat;} +.social-icons .gravatar {background: url(../image/social/gravatar.png) no-repeat;} +.social-icons .klout {background: url(../image/social/klout.png) no-repeat;} +.social-icons .myspace {background: url(../image/social/myspace.png) no-repeat;} +.social-icons .quora {background: url(../image/social/quora.png) no-repeat;} + +/*** +Inline Social Icons +***/ + +.social-icon { + display:inline-block !important; + width:28px; + height:28px; + background-position:0 0; + background-repeat:no-repeat; + transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; +} + +.social-icon.amazon {background: url(../image/social/amazon.png) no-repeat;} +.social-icon.behance {background: url(../image/social/behance.png) no-repeat;} +.social-icon.blogger {background: url(../image/social/blogger.png) no-repeat;} +.social-icon.deviantart {background: url(../image/social/deviantart.png) no-repeat;} +.social-icon.dribbble {background: url(../image/social/dribbble.png) no-repeat;} +.social-icon.dropbox {background: url(../image/social/dropbox.png) no-repeat;} +.social-icon.evernote {background: url(../image/social/evernote.png) no-repeat;} +.social-icon.facebook {background: url(../image/social/facebook.png) no-repeat;} +.social-icon.forrst {background: url(../image/social/forrst.png) no-repeat;} +.social-icon.github {background: url(../image/social/github.png) no-repeat;} +.social-icon.googleplus {background: url(../image/social/googleplus.png) no-repeat;} +.social-icon.jolicloud {background: url(../image/social/jolicloud.png) no-repeat;} +.social-icon.last-fm {background: url(../image/social/last-fm.png) no-repeat;} +.social-icon.linkedin {background: url(../image/social/linkedin.png) no-repeat;} +.social-icon.picasa {background: url(../image/social/picasa.png) no-repeat;} +.social-icon.pintrest {background: url(../image/social/pintrest.png) no-repeat;} +.social-icon.rss {background: url(../image/social/rss.png) no-repeat;} +.social-icon.skype {background: url(../image/social/skype.png) no-repeat;} +.social-icon.spotify {background: url(../image/social/spotify.png) no-repeat;} +.social-icon.stumbleupon {background: url(../image/social/stumbleupon.png) no-repeat;} +.social-icon.tumblr {background: url(../image/social/tumblr.png) no-repeat;} +.social-icon.twitter {background: url(../image/social/twitter.png) no-repeat;} +.social-icon.vimeo {background: url(../image/social/vimeo.png) no-repeat;} +.social-icon.wordpress {background: url(../image/social/wordpress.png) no-repeat;} +.social-icon.xing {background: url(../image/social/xing.png) no-repeat;} +.social-icon.yahoo {background: url(../image/social/yahoo.png) no-repeat;} +.social-icon.youtube {background: url(../image/social/youtube.png) no-repeat;} +.social-icon.vk {background: url(../image/social/vk.png) no-repeat;} +.social-icon.instagram {background: url(../image/social/instagram.png) no-repeat;} +.social-icon.reddit {background: url(../image/social/reddit.png) no-repeat;} +.social-icon.aboutme {background: url(../image/social/aboutme.png) no-repeat;} +.social-icon.flickr {background: url(../image/social/flickr.png) no-repeat;} +.social-icon.foursquare {background: url(../image/social/foursquare.png) no-repeat;} +.social-icon.gravatar {background: url(../image/social/gravatar.png) no-repeat;} +.social-icon.klout {background: url(../image/social/klout.png) no-repeat;} +.social-icon.myspace {background: url(../image/social/myspace.png) no-repeat;} +.social-icon.quora {background: url(../image/social/quora.png) no-repeat;} + +.social-icon:hover { + background-position:0 -38px; +} + +.social-icon-color { + opacity: 0.7; + background-position:0 -38px !important; +} + +.social-icon-color:hover { + opacity: 1; +} + +/*** +Notes +***/ + +/* Common styles for all types */ +.note { + margin: 0 0 20px 0; + padding: 15px 30px 15px 15px; + border-left: 5px solid #eee; +} + +.note h1, +.note h2, +.note h3, +.note h4 { + margin-top: 0; +} + +.note p:last-child { + margin-bottom: 0; +} +.note code, +.note .highlight { + background-color: #fff; +} + +/* Variations */ +.note-danger { + background-color: #FAEAE6; + border-color: #ed4e2a; +} + +.note-warning { + background-color: #FCF3E1; + border-color: #fcb322; +} + +.note-info { + background-color: #E8F6FC; + border-color: #57b5e3; +} + +.note-success { + background-color: #EBFCEE; + border-color: #3cc051; +} + +/*** +Demo Utils +***/ +.scrollspy-example { + position: relative; + height: 200px; + margin-top: 10px; + overflow: auto; +} + +.util-btn-margin-bottom-5 .btn { + margin-bottom: 5px !important; +} + +.util-btn-group-margin-bottom-5 .btn-group { + margin-bottom: 5px !important; +} + +.fontawesome-demo i { + font-size: 18px; +} + +.fontawesome-demo li { + padding-top: 5px; + padding-bottom: 5px; +} + +.glyphicons-demo ul { + padding-left: 0; + padding-bottom: 1px; + margin-bottom: 20px; + list-style: none; + overflow: hidden; +} + +.bs-glyphicons { + padding-left: 0; + padding-bottom: 1px; + margin-bottom: 20px; + list-style: none; + overflow: hidden; +} +.glyphicons-demo ul li { + float: left; + width: 25%; + height: 115px; + padding: 10px; + margin: 0 -1px -1px 0; + font-size: 12px; + line-height: 1.4; + text-align: center; + border: 1px solid #ddd; +} + +.glyphicons-demo .glyphicon { + display: block; + margin: 5px auto 10px; + font-size: 24px; +} +.glyphicons-demo ul li:hover { + background-color: rgba(86,61,124,.1); +} + +@media (min-width: 768px) { + .glyphicons-demo ul li { + width: 12.5%; + } +} + +/*** +Forms +****/ + +.static-info { + margin-bottom: 10px; +} + +.static-info .name { + font-size: 14px; +} + +.static-info .value { + font-size: 14px; + font-weight: 600; +} + +.static-info.align-reverse .name, +.static-info.align-reverse .value { + text-align: right; +} + +input.placeholder, +textarea.placeholder { + color: #aaa !important; +} + +.help-block { + margin-top: 5px; + margin-bottom: 5px; +} + +.form-inline input { + margin-bottom: 0px !important; +} + +.control-label { + margin-top: 2px; +} + +.form-control-static { + font-size: 14px; + padding-top: 7px; +} + +.control-label .required { + color: #e02222; + font-size: 12px; + padding-left: 2px; +} + +.switch-wrapper { + display: inline-block; +} + +.form { + padding: 0 !important; +} + +.form-body { + padding: 10px; +} + +.form-actions { + padding: 20px 10px; + margin-top: 20px; +/* background-color: #f5f5f5; + border-top: 1px solid #e5e5e5;*/ + *zoom: 1; +} + +.form-actions.nobg { + background-color: transparent; +} + +.form-actions.top { + margin-top: 0; + margin-bottom: 20px; + border-top: 0; + border-bottom: 1px solid #e5e5e5; +} + +.form-actions.fluid { + padding: 20px 0; +} + +.form-actions.fluid > [class^="col-"] { + padding-left: 13px; +} + +.form-actions:before, +.form-actions:after { + display: table; + line-height: 0; + content: ""; +} + +.form-actions:after { + clear: both; +} + +.form-section { + margin: 30px 0px 25px 0px; + padding-bottom: 5px; + border-bottom: 1px solid #eee; +} + +.form .form-section:first-child { + margin-top: 5px; +} + +.help-inline { + font-size: 13px; + color: #737373; + display: inline-block; + padding: 5px; +} + +/* left, right aligned form actions */ +.form-actions.right { + padding-left: 0; + padding-right: 10px; + text-align: right; +} + +.form-actions.left { + padding-left: 10px; + padding-right: 0; + text-align: left; +} + +/* Checkboxes */ +.form-group .checkbox { + padding-left: 0; +} + +.checkbox-list > label { + display: block; +} + +.checkbox-list > label.checkbox-inline { + display: inline-block; +} + +.checkbox-list > label.checkbox-inline:first-child { + padding-left: 0; +} + +/* Radios */ + +.radio-list > label { + display: block; +} + +.radio-list > label.radio-inline { + display: inline-block; +} + +.radio-list > label.radio-inline:first-child { + padding-left: 0; +} + +.form-horizontal .radio-list .radio { + padding-top: 1px; +} + +.form-horizontal .radio-list > label { + margin-bottom: 0; +} + +.form-horizontal .radio > span { + margin-top: 2px; +} + +/* Rows seperated form layout */ +.form-row-seperated .form-group { + margin: 0; + border-bottom: 1px solid #efefef; + padding: 10px 0px 10px 0px; +} + +.form-row-seperated .form-group.last { + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 10px; +} + +.form-row-seperated .form-actions { + margin-top: 0; +} + +.form-row-seperated .form-body { + padding: 0; + margin-top: 0; +} + +.form-row-seperated .help-block { + margin-bottom: 0; +} + +/* form bordered */ +.form-bordered .form-body { + margin: 0; + padding: 0; +} + +.form-bordered .form-actions { + margin-top: 0; +} + +.form-bordered .form-group { + margin: 0; + border-bottom: 1px solid #efefef; +} + +.form-bordered .form-group.last { + border-bottom: 0; +} + +.form-bordered .help-block { + margin-bottom: 0; +} + +.form-bordered .control-label { + padding-top: 16px; +} + +.form-bordered .form-group > div { + padding: 10px; + border-left: 1px solid #efefef; +} + +.form-bordered .form-actions.fluid > .row > div { + padding-left: 10px; +} + +.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { + background-color: #fcfcfc; +} + +.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { + background-color: #fcfcfc; +} + +.form-horizontal.form-bordered.form-row-stripped .form-control { + background: #fff !important; +} + +.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { + background-color: #ffffff; +} + +/*** +Bordered form layout +***/ + +.form-bordered .form-control { + margin: 0; +} + + +/*** +Disabled Menu Link +***/ + +.disabled-link > a > span.text, +.disabled-link > a > span.title { + font-style: italic !important; + color: #888 !important; +} + +.disabled-link > a:hover { + cursor: not-allowed !important; +} + + +/*** +Responsive & Scrollable Tables +***/ + +.table-scrollable { + width: 100%; + overflow-x: auto; + overflow-y: hidden; + border: 1px solid #dddddd; + margin: 10px 0 !important; +} + +.table-scrollable > .table { + width: 100% !important; + margin: 0 !important; + margin-bottom: 0; + background-color: #fff; +} + +.table-scrollable > .table > thead > tr > th, +.table-scrollable > .table > tbody > tr > th, +.table-scrollable > .table > tfoot > tr > th, +.table-scrollable > .table > thead > tr > td, +.table-scrollable > .table > tbody > tr > td, +.table-scrollable > .table > tfoot > tr > td { + white-space: nowrap; +} + +.table-scrollable > .table-bordered { + border: 0; +} + +.table-scrollable > .table-bordered > thead > tr > th:first-child, +.table-scrollable > .table-bordered > tbody > tr > th:first-child, +.table-scrollable > .table-bordered > tfoot > tr > th:first-child, +.table-scrollable > .table-bordered > thead > tr > td:first-child, +.table-scrollable > .table-bordered > tbody > tr > td:first-child, +.table-scrollable > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} + +.table-scrollable > .table-bordered > thead > tr > th:last-child, +.table-scrollable > .table-bordered > tbody > tr > th:last-child, +.table-scrollable > .table-bordered > tfoot > tr > th:last-child, +.table-scrollable > .table-bordered > thead > tr > td:last-child, +.table-scrollable > .table-bordered > tbody > tr > td:last-child, +.table-scrollable > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} + +.table-scrollable > .table-bordered > thead > tr:last-child > th, +.table-scrollable > .table-bordered > tbody > tr:last-child > th, +.table-scrollable > .table-bordered > tfoot > tr:last-child > th, +.table-scrollable > .table-bordered > thead > tr:last-child > td, +.table-scrollable > .table-bordered > tbody > tr:last-child > td, +.table-scrollable > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; +} + +/*** +Responsive Flip Scroll Tables +***/ + +.flip-scroll table { width: 100%; } + +@media only screen and (max-width: 768px) { + + .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } + .flip-scroll * html .flip-content { zoom: 1; } + .flip-scroll *:first-child+html .flip-content { zoom: 1; } + + .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; } + + .flip-scroll th, + .flip-scroll td { margin: 0; vertical-align: top; } + .flip-scroll th { + text-align: left; + border: 0 !important; + border-bottom: 1px solid #ddd !important; + border-right: 1px solid #ddd !important; + font-size: 13px !important; + padding: 5px; + width: auto !important; + } + + .flip-scroll table { display: block; position: relative; width: 100%; } + .flip-scroll thead { + display: block; + float: left; + } + .flip-scroll tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; + } + .flip-scroll thead tr { display: block; } + .flip-scroll th { display: block; text-align: right; } + .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; } + .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important} + + /* sort out borders */ + + .flip-scroll th { border-bottom: 0; border-left: 0; } + .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; } + .flip-scroll tbody tr { border-left: 1px solid #ddd; } + .flip-scroll th:last-child, + .flip-scroll td:last-child { border-bottom: 1px solid #ddd; } + +} + +/*** +UI Loading +***/ + +.loading-message { + display: inline-block; + min-width: 125px; + padding: 10px; + margin: 0 auto; + color: #000 !important; + font-size: 13px; + font-weight: 400; + text-align: center; + vertical-align: middle; +} + +.loading-message span { + line-height:20px; + vertical-align: middle; +} + +.loading-message.loading-message-boxed { + border: 1px solid #ddd; + background-color: #eee; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); +} + +.page-loading { + position: fixed; + top: 50%; + left: 50%; + min-width: 125px; + margin-left: -50px; + margin-top: -30px; + padding: 7px; + text-align: center; + color: #333; + font-size: 13px; + border: 1px solid #ddd; + background-color: #eee; + vertical-align: middle; + -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); +} + +.page-loading span { + line-height:20px; + vertical-align: middle; +} + +.zteDivWidth +{ + width:auto !important +} + + + +.nav-load-error {} + +.nav-pos-option {} + +/*TAB*/ +.nav-tabs{ +border:0; +} +.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ +border:0; +border-top:3px solid #F3565D; +} +.nav-tabs>li>a{ +border-radius:0; +} +.nav-tabs>li>a:hover{ +background-color:#f1f3fa; +border:1Px solid #f1f3fa; +} +/*button*/ +.btn{ +min-width: 80px; +letter-spacing:1px; +} +.btnGroup .btn{ +margin-left:15px; +margin-right:15px; +} +.pagination-panel .btn{ +min-width: 4px; } +/*radius*/ +.radius_l{ +border-radius: 20px; +} +.radius_m{ +border-radius: 8px; +} +.radius_s{ +border-radius: 3px; +} +/*common color*/ +.blue1 { + background-color:#5b9bd1; + color:#fff; +} +.blue1:hover{ + background-color:#487ca9; + color:#fff; +} +.blue2{ + background-color:#57b5e3; + color:#fff; +} +.blue2:hover{ + background-color:#43a1cf; + color:#fff; +} +.red{ + background-color:#E35B5A; + color:#fff; +} +.red:hover{ + background-color:#ad9a4d; + color:#fff; +} +.green{ + background-color:#44B6AE; +} +.green:hover{ + background-color:#329d96; +} +.yellow{ + background-color:#C0AF69; + color:#fff; +} +.yellow:hover{ + background-color:#d45150; + color:#fff; +} +.grey{ + background-color:#e5e5e5; + color:#333; +} +.grey:hover{ + background-color:#d8d8d8; + color:#333; +} +/*Progress Bars*/ +.progress { + border: 0; + background-image: none !important; + filter: none !important; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + +} +.form-wizard .steps > li.active > a.step .number{ +background-color:#45B6AF +} +.progress > .progress-bar-success{ +background-color:#45B6AF +} +/*label*/ +label{ +font-weight:400; +margin-bottom:15px; +} +/**/ +.input-group-btn-vertical.fa{ +font-size:12px; +} +.spinner { + width: 60px; + margin-left:10px; + margin-right:30px; +} +.spinner input { + text-align: right; +} +.input-group-btn-vertical { + position: relative; + white-space: nowrap; + width: 1%; + vertical-align: middle; + display: table-cell; +} +.input-group-btn-vertical > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + padding: 6px; + margin-left: -1px; + position: relative; + border-radius: 0; +} +.input-group-btn-vertical > .btn{ + min-width:20px; +} +.input-group-btn-vertical > .btn:first-child { + border-top-right-radius: 4px; +} +.input-group-btn-vertical > .btn:last-child { + margin-top: -2px; + border-bottom-right-radius: 4px; +} +.input-group-btn-vertical i{ + position: absolute; + top: -2px; + left: 5px; +} +.input-group .form-control{ +height:26px !important; +} + +.about{ + height:345px; + width:528px; +} + +.aboutmain{ + background-image: url("../image/about/about-bg-light.png"); +} + +.aboutinfo{ + background-image: url("../image/about/about-bg-dark.png"); +} + +.about a{ + color: white; + + margin-left:15px; + text-decoration: none; +} + +.about a.about_close{ + float:right; + margin-right:20px; + font-size: 1.2em; +} + +.about div{ + padding-top:7px; + +} + +.about div.info{ + float: right; + margin-right: 15px; + margin-top: 130px; + color: white; + font-size: 13px; +} + +.about div.info div{ + margin-left:15px; +} + +.about div.info img{ + margin-right: 55px; +} + +.aboutDlg{ + width: 530px; + margin-left:150px; +} + +.aboutDlg .dataTable{ + background-color: white; + +} + +.aboutDlg table.dataTable .heading>th.sorting_disabled { + background-color: white !important; +} + +.aboutDlg #abouttable_wrapper{ + height:285px; + background-color: white; + padding:0px; + overflow:auto; +} + +.aboutDlg td , .aboutDlg .table thead tr th{ + font-size:13px; + font-weight:100; +} + +.aboutDlg{ + font-family:microsoft yahei,Arial; + letter-spacing:1px; +} + +.aboutDlg tr { + height:37px; +}
\ No newline at end of file diff --git a/common/src/main/webapp/thirdparty/css/uniform.default.min.css b/common/src/main/webapp/thirdparty/css/uniform.default.min.css new file mode 100644 index 00000000..ef4ee103 --- /dev/null +++ b/common/src/main/webapp/thirdparty/css/uniform.default.min.css @@ -0,0 +1 @@ +div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{background-image:url("../images/sprite.png");background-repeat:no-repeat;-webkit-font-smoothing:antialiased}div.selector,div.checker,div.button,div.radio,div.uploader{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:middle}div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus{outline:0}div.selector,div.selector *,div.radio,div.radio *,div.checker,div.checker *,div.uploader,div.uploader *,div.button,div.button *{margin:0;padding:0}.highContrastDetect{background:url("../images/bg-input.png") repeat-x 0 0;width:0px;height:0px}input.uniform-input,select.uniform-multiselect,textarea.uniform{padding:3px;background:url("../images/bg-input.png") repeat-x 0 0;outline:0}input.uniform-input.active,select.uniform-multiselect.active,textarea.uniform.active{background:url("../images/bg-input-focus.png") repeat-x 0 0}div.checker input,input[type="search"],input[type="search"]:active{-moz-appearance:none;-webkit-appearance:none}div.selector{background-position:0 -130px;line-height:26px;height:26px;padding:0 0 0 10px;position:relative;overflow:hidden}div.selector span{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;background-position:right 0;height:26px;line-height:26px;padding-right:25px;cursor:pointer;width:100%;display:block}div.selector.fixedWidth{width:190px}div.selector.fixedWidth span{width:155px}div.selector select{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;height:22px;top:2px;left:0px;width:100%}div.selector.active{background-position:0 -156px}div.selector.active span{background-position:right -26px}div.selector.hover,div.selector.focus{background-position:0 -182px}div.selector.hover span,div.selector.focus span{background-position:right -52px}div.selector.hover.active,div.selector.focus.active{background-position:0 -208px}div.selector.hover.active span,div.selector.focus.active span{background-position:right -78px}div.selector.disabled,div.selector.disabled.active{background-position:0 -234px}div.selector.disabled span,div.selector.disabled.active span{background-position:right -104px}div.checker{position:relative}div.checker,div.checker span,div.checker input{width:19px;height:19px}div.checker span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -260px}div.checker span.checked{background-position:-76px -260px}div.checker input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1}div.checker.active span{background-position:-19px -260px}div.checker.active span.checked{background-position:-95px -260px}div.checker.hover span,div.checker.focus span{background-position:-38px -260px}div.checker.hover span.checked,div.checker.focus span.checked{background-position:-114px -260px}div.checker.hover.active span,div.checker.focus.active span{background-position:-57px -260px}div.checker.hover.active span.checked,div.checker.focus.active span.checked{background-position:-133px -260px}div.checker.disabled,div.checker.disabled.active{background-position:-152px -260px}div.checker.disabled span.checked,div.checker.disabled.active span.checked{background-position:-171px -260px}div.radio{position:relative}div.radio,div.radio span,div.radio input{width:18px;height:18px}div.radio span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -279px}div.radio span.checked{background-position:-72px -279px}div.radio input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center}div.radio.active span{background-position:-18px -18px -279px}div.radio.active span.checked{background-position:-90px -279px}div.radio.hover span,div.radio.focus span{background-position:-36px -36px -279px}div.radio.hover span.checked,div.radio.focus span.checked{background-position:-108px -279px}div.radio.hover.active span,div.radio.focus.active span{background-position:-54px -279px}div.radio.hover.active span.checked,div.radio.focus.active span.checked{background-position:-126px -279px}div.radio.disabled span,div.radio.disabled.active span{background-position:-144px -279px}div.radio.disabled span.checked,div.radio.disabled.active span.checked{background-position:-162px -279px}div.uploader{background-position:0 -297px;height:28px;width:190px;cursor:pointer;position:relative;overflow:hidden}div.uploader span.action{background-position:right -409px;height:28px;line-height:28px;width:82px;text-align:center;float:left;display:inline;overflow:hidden;cursor:pointer}div.uploader span.filename{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;float:left;cursor:default;height:24px;margin:2px 0 2px 2px;line-height:24px;width:85px;padding:0 10px}div.uploader input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;top:0;right:0;float:right;cursor:default;width:100%;height:100%}div.uploader.active span.action{background-position:right -465px}div.uploader.hover,div.uploader.focus{background-position:0 -353px}div.uploader.hover span.action,div.uploader.focus span.action{background-position:right -437px}div.uploader.hover.active span.action,div.uploader.focus.active span.action{background-position:right -493px}div.uploader.disabled,div.uploader.disabled.active{background-position:0 -325px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{background-position:right -381px}div.button{background-position:0 -641px;height:30px;cursor:pointer;position:relative}div.button a,div.button button,div.button input{opacity:0.01;filter:alpha(opacity=1);-moz-opacity:0.01;display:block;top:0;left:0;right:0;bottom:0;position:absolute}div.button span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;line-height:22px;text-align:center;background-position:right -521px;height:22px;margin-left:13px;padding:8px 15px 0 2px}div.button.active{background-position:0 -671px}div.button.active span{background-position:right -551px;cursor:default}div.button.hover,div.button.focus{background-position:0 -701px}div.button.hover span,div.button.focus span{background-position:right -581px}div.button.disabled,div.button.disabled.active{background-position:0 -731px}div.button.disabled span,div.button.disabled.active span{background-position:right -611px;cursor:default}input.uniform-input,select.uniform-multiselect,textarea.uniform{font-size:12px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-weight:normal;color:#777;border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}input.uniform-input.hover,input.uniform-input.focus,select.uniform-multiselect.hover,select.uniform-multiselect.focus,textarea.uniform.hover,textarea.uniform.focus{-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3);box-shadow:0px 0px 4px rgba(0,0,0,0.3);border-color:#999}div.button span{font-weight:bold;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase}div.button.hover span,div.button.focus span{color:#555}div.button.disabled span,div.button.disabled.active span{color:#bbb}div.selector{font-size:12px}div.selector span{color:#666;text-shadow:0 1px 0 #fff}div.selector select{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px}div.selector.disabled span,div.selector.disabled.active span{color:#bbb}div.checker{margin-right:5px}div.radio{margin-right:3px}div.uploader span.action{text-shadow:#fff 0px 1px 0px;background-color:#fff;font-size:11px;font-weight:bold}div.uploader span.filename{color:#777;border-right:solid 1px #bbb;font-size:11px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{color:#aaa}div.uploader.disabled span.filename,div.uploader.disabled.active span.filename{border-color:#ddd;color:#aaa}input.uniform-input,input.uniform-input:focus{background-color:#fff} |