From ed68e5829139b97d801e2f2629ab25844ba67fd7 Mon Sep 17 00:00:00 2001 From: shentao Date: Thu, 27 Apr 2017 15:54:09 +0800 Subject: [PATCH] add login and logout function Issue-id: CLIENT-175 Change-Id: Ib4e85aa373617e58992bbe783dcc8cbfb67e37e8 Signed-off-by: shentao --- .../src/main/webapp/framework/css/open-ostyle.css | 4 +- .../main/webapp/login/css/dashboard_mainStyle.css | 12492 +++++++++++++++++++ login/src/main/webapp/login/css/menu_mainStyle.css | 31 +- login/src/main/webapp/login/html/menu.html | 141 +- .../main/webapp/login/html/temp/alarmQuery.html | 18 - .../main/webapp/login/html/temp/modelDesign.html | 18 - login/src/main/webapp/login/html/temp/package.html | 18 - .../webapp/login/html/temp/parameterSetting.html | 18 - .../webapp/login/html/temp/performanceQuery.html | 18 - .../webapp/login/html/temp/resourceManagement.html | 18 - .../main/webapp/login/html/temp/sdbController.html | 18 - .../webapp/login/html/temp/serviceManagement.html | 18 - .../webapp/login/html/temp/serviceTemplate.html | 18 - .../src/main/webapp/login/html/temp/vimManage.html | 18 - login/src/main/webapp/login/html/temp/vnfm.html | 18 - .../main/webapp/login/image/animated-overlay.gif | Bin 0 -> 1738 bytes login/src/main/webapp/login/image/colorpicker.png | Bin 0 -> 30293 bytes login/src/main/webapp/login/image/jcrop.gif | Bin 0 -> 329 bytes login/src/main/webapp/login/js/loginApp.js | 46 +- login/src/main/webapp/login/js/menuApp.js | 28 + .../webapp/monitor/js/monitorSettingController.js | 2 +- .../webapp/performance/js/curAlarmsController.js | 2 +- .../performance/js/performanceQueryController.js | 2 +- 23 files changed, 12696 insertions(+), 250 deletions(-) create mode 100755 login/src/main/webapp/login/css/dashboard_mainStyle.css delete mode 100644 login/src/main/webapp/login/html/temp/alarmQuery.html delete mode 100644 login/src/main/webapp/login/html/temp/modelDesign.html delete mode 100644 login/src/main/webapp/login/html/temp/package.html delete mode 100644 login/src/main/webapp/login/html/temp/parameterSetting.html delete mode 100644 login/src/main/webapp/login/html/temp/performanceQuery.html delete mode 100644 login/src/main/webapp/login/html/temp/resourceManagement.html delete mode 100644 login/src/main/webapp/login/html/temp/sdbController.html delete mode 100644 login/src/main/webapp/login/html/temp/serviceManagement.html delete mode 100644 login/src/main/webapp/login/html/temp/serviceTemplate.html delete mode 100644 login/src/main/webapp/login/html/temp/vimManage.html delete mode 100644 login/src/main/webapp/login/html/temp/vnfm.html create mode 100755 login/src/main/webapp/login/image/animated-overlay.gif create mode 100755 login/src/main/webapp/login/image/colorpicker.png create mode 100755 login/src/main/webapp/login/image/jcrop.gif diff --git a/common/src/main/webapp/framework/css/open-ostyle.css b/common/src/main/webapp/framework/css/open-ostyle.css index a1c8f5df..b55b1dcb 100644 --- a/common/src/main/webapp/framework/css/open-ostyle.css +++ b/common/src/main/webapp/framework/css/open-ostyle.css @@ -751,7 +751,7 @@ tr{ } #rightContainer { - margin-top:20px; + margin-top: 0px; } #panel1 li:first-child{ @@ -1017,4 +1017,4 @@ pre code { width:95%; display:inline-block; -} \ No newline at end of file +} diff --git a/login/src/main/webapp/login/css/dashboard_mainStyle.css b/login/src/main/webapp/login/css/dashboard_mainStyle.css new file mode 100755 index 00000000..e94d49b3 --- /dev/null +++ b/login/src/main/webapp/login/css/dashboard_mainStyle.css @@ -0,0 +1,12492 @@ +/* + Copyright 2017, China Mobile 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. +*/ + +.chat-box li { + position: relative; + padding-right: 80px; + margin-bottom: 15px; + z-index: 35; +} + +.chat-box li.float-left { + padding-left: 80px; + padding-right: 0; + float: none !important; +} + +.chat-box .chat-author { + position: absolute; + right: 0; + top: 0; +} + +.chat-box li.float-left .chat-author { + left: 0; + right: auto; +} + +.chat-box .chat-author img { + min-width: 58px; + border-radius: 100px; +} + +.chat-box .popover { + display: block; + position: relative !important; + min-height: 58px; + float: none; + margin-left: 0; + margin-right: 0; +} + +.chat-box .popover .popover-content { + padding: 10px; +} + +.chat-box .popover.left .arrow, +.chat-box .popover.right .arrow { + top: 28px; +} + +.chat-box .chat-time { + font-style: italic; + color: rgba(0,0,0,0.5); + margin-top: 5px; + font-size: 12px; +} + +.chat-box .chat-time i { + margin-right: 3px; + font-size: 13px; +} + +.chat-box .popover h3 { + margin: 0 0 5px; + font-size: 13px; +} + +.chat-box .popover .divider { + margin: 8px 0 10px; +} + +.chat-box .chat-reply { + border-width: 1px; + padding: 0; + overflow: hidden; +} + /* Dashboard panels */ + +.dashboard-panel { + text-align: center; +} + +.dashboard-panel.content-box .content-box-wrapper { + padding: 15px 0 0; + margin: 0 15px 15px; + overflow: hidden; +} + +.dashboard-panel canvas { + display: block !important; + margin: 0 auto; +} + +.dashboard-panel .header { + font-size: 14px; + line-height: 1.3em; + padding: 0 0 5px; + text-align: right; +} + +.dashboard-panel .header .glyph-icon { + width: 20px; + display: block; + float: left; +} + +.dashboard-panel .header span { + font-size: 12px; + display: block; + font-weight: bold; + -moz-opacity:0.80; + filter:alpha(opacity:80); + opacity:0.80; +} + +.dashboard-panel .heading { + font-weight: bold; + font-size: 15px; + float: left; +} + +.dashboard-panel .center-div { + margin: 5px auto -15px; +} + +.dashboard-panel .button-pane { + border: 0; + background: rgba(0,0,0,.1)!important; +} + /* Login Page */ + +#login-page { + z-index: 1050; + position: relative; +} + +#login-page #page-header { + position: static; +} + +#login-page #page-header #header-logo { + float: left; + position: static; + padding: 0 20px; + width: auto; +} + +#login-page #header-logo a { + display: none; +} + +#login-page #page-header #page-header-wrapper { + padding: 0; + margin: 0; +} + +.login-footer#page-footer-wrapper { + position: fixed; + z-index: 90; +} + +.login-footer#page-footer-wrapper #page-footer { + margin: 0 !important; +} + /* Messages List */ + +.messages-box li { + border-bottom: #ddd solid 1px; + white-space: nowrap; + padding: 10px; + font-size: 12px; +} + +.messages-box li:last-child { + border-bottom: 0; +} + +.messages-box .messages-img { + float: left; +} + +.messages-box .messages-content { + margin-left: 40px; + -moz-opacity:0.80; + filter:alpha(opacity:80); + opacity:0.80; +} + +.messages-box .messages-time { + -moz-opacity:0.70; + filter:alpha(opacity:70); + opacity:0.70; + float: right; +} + +.messages-box .messages-title { + font-weight: bold; +} + +.messages-box .messages-title .glyph-icon { + margin-right: 2px; +} + /* Notifications List */ + +.notifications-box { + border: #ddd solid 1px; +} + +.notifications-box li { + height: 26px; + padding: 10px; + line-height: 26px; + border-bottom: #ddd solid 1px; +} + +.notifications-box li .notification-text { + float: left; +} + +.notifications-box li:last-child { + border-bottom: 0; +} + +.notifications-box li .icon-notification { + height: 22px; + line-height: 22px; + width: 22px; + float: left; + margin: 0 10px 0 0; + text-align: center; +} + +.notifications-box li .notification-time { + float: right; + color: #a9a9a9; + font-style: italic; + margin: 0 0 0 20px; +} + /* Progress List */ + +.progress-box li { + border-bottom: #ddd solid 1px; + white-space: nowrap; + padding: 6px 10px 10px; + font-size: 12px; +} + +.progress-box li:last-child { + border-bottom: 0; +} + +.progress-box .progress-title { + margin: 0 0 5px; + color: #888; +} + +.progress-box .progress-title b { + float: right; + color: #666; +} + +.progress-box .progress-time { + -moz-opacity:0.70; + filter:alpha(opacity:70); + opacity:0.70; + float: right; +} + /* Post it box */ + +.post-box textarea { + width: 100%; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + border: 0; + padding: 15px; + height: 80px; + font-size: 18px; +} + +.post-box .button-pane { + padding: 5px; +} + +.post-box .button-pane .glyph-icon { + font-size: 13px; +} + +.post-box .btn-post { + float: right; + margin: 4px 4px 0 0; +} + +.post-box .btn-post .button-content { + text-transform: uppercase; + font-weight: bold; + font-size: 13px; +} + + /* Profile box */ + +.profile-box .nav-list ul li:first-child a { + border-radius: 0; +} + +.profile-box.content-box .content-box-header { + padding: 15px !important; + height: auto; + line-height: 1.6em; + border: 0; +} + +.profile-box .content-box-header img { + float: left; + width: 52px; + height: 52px; + border-radius: 100px; + margin: 0 15px 0 0; +} + +.profile-box .content-box-header .user-details { + font-size: 21px; + padding-top: 4px; + padding-bottom: 1px; +} + +.profile-box .content-box-header .user-details span { + display: block; + -moz-opacity:0.80; + filter:alpha(opacity:80); + opacity:0.80; + font-size: 14px; + padding: 3px 0 0; +} + +.profile-box-alt .content-box-header { + text-align: center; +} + +.profile-box .pie-wrapper { + padding: 20px; + text-align: center; +} + +.profile-box .pie-wrapper canvas { + display: block; + margin: 0 auto; +} +.btn.tile-button { + display: block; + text-align: center; +} + +.bg-gray-alt.btn.tile-button:hover, +.bg-gray.btn.tile-button:hover, +.bg-white.btn.tile-button:hover .tile-header { + color: #000; +} + +.tile-header { + padding: 10px; + font-size: 14px; + text-transform: uppercase; + background: rgba(255,255,255,0.2); +} + +.tile-content-wrapper { + padding: 10px 10px 17px; + position: relative; + overflow: hidden; +} + +.tile-content { + font-size: 35px; + text-align: right; +} + +.tile-content span { + font-size: 25px; + -moz-opacity:0.70; + filter:alpha(opacity:70); + opacity:0.70; +} + +.tile-content-wrapper small { + -moz-opacity:0.70; + filter:alpha(opacity:70); + opacity:0.70; + text-align: right; + font-size: 14px; + display: block; +} + +.tile-content-wrapper > .glyph-icon { + position: absolute; + font-size: 65px; + height: 70px; + line-height: 70px; + top: 50%; + margin-top: -40px; + -moz-opacity:0.30; + filter:alpha(opacity:30); + opacity:0.30; + left: 15px; +} + +.tile-footer { + padding: 5px 10px; + background: rgba(0,0,0,0.1); + text-align: left; +} + +.tile-footer .glyph-icon { + float: right; +} + +.tile-button-alt .tile-header { + padding: 5px 10px; + text-align: left; +} + +.tile-button-alt .tile-content-wrapper > .glyph-icon { + font-size: 35px; + margin-top: -36px; +} +.timeline-box { + position: relative; +} + +.timeline-box:before { + content: ""; + position: absolute; + width: 2px; + height: 100%; + left: 50%; + margin-left: -1px; + top: 0; +} + +.timeline-box .tl-row { + position: relative; +} + +.timeline-box .tl-row > .popover { + width: 47%; + float: left; + margin: 0; +} + +.timeline-box .tl-panel { + float: right; + width: 47%; + padding: 13px 0; + text-align: left; + -moz-opacity:0.50; + filter:alpha(opacity:50); + opacity:0.50; +} + +.timeline-box .tl-row.float-right { + float: none !important; +} + +.timeline-box .tl-row.float-right .popover { + float: right; +} + +.timeline-box .tl-row.float-right .tl-panel { + text-align: right; + float: left; +} + +.timeline-box .tl-bullet { + position: absolute; + left: 50%; + width: 16px; + height: 16px; + display: block; + top: 15px; + margin-left: -8px; + border-radius: 100px; +} + +.timeline-box .tl-bullet:before { + content: ""; + width: 10px; + height: 10px; + background: #fff; + display: block; + margin: 3px 0 0 3px; + border-radius: 100px; +} + /* Todo box */ + +.todo-box li { + background: #fcfcfc; + margin: 0 0 2px; + padding: 10px; + height: 18px; + line-height: 18px; + border-left-style: solid; + border-left-width: 3px; +} + +.todo-box li .sort-handle { + float: left; + display: block; + width: 18px; + height: 18px; + text-align: center; + cursor: move; + margin-right: 10px; + font-size: 16px; + -moz-opacity:0.75; + filter:alpha(opacity:75); + opacity:0.75; +} + +.todo-box li .sort-handle:hover { + -moz-opacity:1; + filter:alpha(opacity:100); + opacity:1; +} + +.todo-box li input { + margin-top: 2px; + float: left; + display: block; + width: auto; +} + +.todo-box li label { + padding: 0 5px; +} + +.todo-box li .btn.small { + height: 16px; + line-height: 16px; + width: 16px; + min-width: 16px; + margin-left: 5px; + -moz-opacity:0.75; + filter:alpha(opacity:75); + opacity:0.75; +} + +.todo-box li.todo-done { + -moz-opacity:0.65; + filter:alpha(opacity:65); + opacity:0.65; +} + +.todo-box li.todo-done label { + text-decoration: line-through; + font-style: italic; +} + /* Badges */ + +.badge, .label { + font-size: 11px; + min-width: 10px; + height: 18px; + line-height: 18px; + text-align: center; + background-image: none; + padding: 0 4px !important; + display: inline-block; + border-width: 0; + text-transform: none; + border-radius: 100px; +} + +.badge-absolute { + position: absolute; + top: -10px; + left: -15px; + z-index: 5; +} + +.badge-absolute.float-right { + right: -15px; + left: auto; +} + +.label { + padding: 0 8px !important; + font-weight: normal; +} + +.badge-small { + height: 9px; + width: 9px; + margin-right: 5px; +} + /* Boxes */ + +.content-box { + background: #fff; +} + +.content-box, +.content-box-header { + border-width: 1px; + border-style: solid; + position: relative; +} + +.content-box .ui-widget-overlay.loader { + position: absolute; +} + +.content-box .content-box-wrapper { + padding: 10px; + line-height: 1.6em; +} + +body .button-pane { + border-width: 1px 0 0 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + text-align: center; +} + +.button-pane-alt { + border-color: #ebebeb !important; + background: #fafafa !important; +} + +body .button-pane-top { + border-width: 0 0 1px; + border-radius: 0; +} + +.content-box .content-box-header { + padding: 0 !important; + margin: -1px -1px 1px; + font-size: 12px; +} + +.content-box-header > span { + display: block; + padding: 0 10px; + float: left; + overflow: hidden; + text-overflow: ellipsis; +} + +.content-box .content-box-header > .glyph-icon { + vertical-align: middle; + float: left; +} + +.content-box-header > .icon-separator .glyph-icon { + float: none; +} + +.content-box-alt > .content-box-header { + margin: 0; +} + + /* Border colored content boxes */ + +.content-header { + font-size: 18px; + margin: 0; + padding: 15px 15px 0; +} + +.content-header .btn .glyph-icon { + display: block; +} + +.content-header .btn.small .glyph-icon { + font-size: 11px; +} + +.content-header small { + -moz-opacity:0.80; + filter:alpha(opacity:80); + opacity:0.80; +} + +.content-header + .content-box-wrapper { + padding: 20px 15px 15px; +} + + /* Toggle Boxes */ + +.toggle-button { + cursor: pointer; +} + +.content-box-closed { + border-bottom: 0; +} + +.content-box-closed .content-box-wrapper { + display: none; +} + +.button-toggle .content-box-header a.btn { + display: none; +} + +.toggle-content { + display: none; +} + + /* Scrollable boxes sizes */ + +.scrollable-content { + overflow-y: scroll; + padding-right: 0; +} + +.scrollable-small { + overflow-y: scroll; + height: 200px; +} + +.scrollable-medium { + overflow-y: scroll; + height: 300px; +} + +.scrollable-large { + overflow-y: scroll; + height: 400px; +} + +.scrollable-xlarge { + overflow-y: scroll; + height: 500px; +} + + /* Boxes widths */ + +.small-box { + width: 325px; +} + +.medium-box { + width: 475px; +} + +.large-box { + width: 675px; +} + +.x-large-box { + width: 875px; +} + + /* Inner Elements */ + +.content-box-header .button-group > a { + margin-top: -2px; +} + +.content-box-header .badge, +.content-box-header .label { + margin-top: 9px; +} + /* Buttons */ + +.btn, +.ui-button, +.icon-separator-vertical { + display: inline-block; + border-style: solid; + border-width: 1px; + border-color: transparent; + position: relative; + text-align: center; + white-space: nowrap; + vertical-align: middle; +} + +.button-content { + text-overflow: ellipsis; + overflow: hidden; +} + +.button-content, +.icon-separator { + display: block; + float: left; + white-space: nowrap; + text-align: center; +} + +.button-content .float-left.glyph-icon { + margin-right: 5px; +} + +.button-content .float-right.glyph-icon { + margin-right: 0; + margin-left: 5px; +} + +.icon-separator { + border-top: 0 !important; + border-bottom: 0 !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.icon-separator.float-right { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + + /* Button Groups */ + +.button-group + .button-group { + margin-left: 5px; +} + +.button-group .btn { + vertical-align: middle; +} + +.button-group > .btn:first-child, +.button-block-justified li:first-child a { + margin-left: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.button-group > .btn:last-child { + margin-left: -5px; +} + +.button-group > .btn + .btn { + margin-left: -5px; + border-radius: 0; +} + +.button-group > .btn + .btn .icon-separator { + border-left-width: 0; +} + +.button-group > .btn .button-content + .icon-separator { + border-left-width: 1px; +} + +[data-toggle="buttons"]>.btn input[type="radio"], +[data-toggle="buttons"]>.btn input[type="checkbox"] { + display: none; +} + + /* Button group vertical */ + +.button-group-vertical .btn { + display: block; + float: none; +} + +.button-group-vertical > .btn:first-child { + border-radius: 0; +} + +.button-group-vertical > .btn + .btn { + margin-top: -1px; + border-radius: 0; +} + +.button-group-vertical > .btn + .btn .icon-separator { + border-radius: 0; +} + + /* Vertical Buttons */ + +.vertical-button { + padding: 5px 10px; + max-width: 100px; + min-width: 60px; +} + +.icon-separator-vertical { + padding: 5px; + height: 36px; + display: block; + line-height: 36px; + width: 36px; + margin: 0 auto 5px; +} + +.vertical-button .button-content { + float: none; + white-space: normal; + padding: 0; +} + + /* Button blocks */ + +.button-block .btn { + display: block; + float: none !important; + margin: 0 0 5px; + width: auto; +} + + /* Justified button blocks */ + +.button-block-justified ul { + display: table; + width: 100%; +} + +.button-block-justified li { + float: none !important; + display: table-cell; +} + +.button-block-justified li a { + display: block; + float: none !important; + text-align: center; +} + +.button-block-justified li + li:not(:last-child) a { + border-radius: 0; + margin-left: -1px; +} + +.button-block-justified li + li:last-child a { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px; +} + + /* Double Button */ + +.double-button { + font-size: 13px; + font-weight: bold; + height: 44px; + line-height: 1; +} + +.double-button.no-shadow { + border: 0; +} + +.double-button .button-content { + padding: 7px 10px 0; + text-align: left; + height: 37px; +} + +.double-button .button-content span { + display: block; + font-size: 12px; + padding: 5px 0 0; + opacity:0.8; + filter:alpha(opacity=80); + font-weight: normal; +} + +.double-button .glyph-icon { + font-size: 20px; +} + +.double-button .float-left, +.double-button .float-right { + margin: 0 -5px 0 0; + height: 34px; + line-height: 33px; + width: 34px; + padding: 5px 0 5px 5px; +} + +.double-button .float-right { + margin: 0 0 0 -5px; +} + +.double-button .icon-separator.float-left, +.double-button .icon-separator.float-right { + padding: 5px; + margin-left: 0; + margin-right: 0; +} + /* Forms General */ + +.form-row { + padding: 0 0 20px; +} + +form .form-row + .divider { + margin: 0 0 20px; +} + +.form-row.float-left { + margin-right: 15px; +} + +.character-remaining { + text-transform: uppercase; + font-weight: bold; +} + +.form-label label, +.form-input .input-description, +.form-input .ui-helper-hidden-accessible, +.parsley-error-list { + height: 32px; + line-height: 32px; + font-weight: bold; + display: block; + padding: 0; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.form-input .input-description, +.form-input .ui-helper-hidden-accessible, +.parsley-error-list { + font-size: 85%; + float: left; + padding-left: 10px; +} + +.parsley-error-list { + white-space: normal; + overflow: visible; + line-height: 1.6em; + height: auto; + margin: 5px 0 0; + padding-left: 0; +} + +.form-label label .required { + color: #d60000; + font-weight: bold; +} + +.form-label-right label { + text-align: right; +} + +.form-input .input-description.clear, +.form-input .ui-helper-hidden-accessible { + float: none; + padding: 5px 0 0; + height: auto; + line-height: 1.6em; + clear: both; +} + +.form-label .label-description { + height: auto; + line-height: 1.2em; +} + +.form-label .label-description span { + display: block; + font-size: 85%; + padding: 2px 0 0; +} + +.form-label, +.form-input, +.form-checkbox-radio { + position: relative; + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.input, +.form-input input, +.form-input select, +.form-input textarea, +.chosen-container-multi, +.bootstrap-timepicker-widget table td input, +.ui-toolbar select, +.ui-toolbar input { + padding: 0 10px; + height: 32px; + float: none; + color: #777; + font-size: 12px; + border: #cdcdcd solid 1px; + box-shadow: inset 1px 1px 3px #f6f6f6; + -moz-box-shadow: inset 1px 1px 3px #f6f6f6; + -webkit-box-shadow: inset 1px 1px 3px #f6f6f6; + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.form-input select, +.ui-toolbar select { + padding: 0; +} + +.form-input input { + line-height: auto; +} + +input, +select, +textarea { + width: 100%; +} + +.selector { + height: 34px; + line-height: 34px; + width: auto !important; +} + +.selector span { + height: 32px; + line-height: 32px; + display: block; + padding: 0 !important; +} + +.form-input textarea { + height: auto; + padding: 10px; +} + +.input:focus, +.form-input input:focus, +.form-input select:focus, +.form-input textarea:focus, +.chosen-container-active, +.chosen-container-multi.chosen-container-active, +.selector.focus, +.bootstrap-timepicker-widget table td input:focus, +.ui-toolbar select:focus, +.ui-toolbar input:focus { + border-color: #3da6ff; + box-shadow: 0 0 8px #87c8ff; + -moz-box-shadow: 0 0 8px #87c8ff; + -webkit-box-shadow: 0 0 8px #87c8ff; + color: #333; +} + +input.error-bg { + background: #fff2f2; +} + +.chosen-container-active a { + border-color: #3da6ff !important; +} + +.chosen-container-single.chosen-container-active.chosen-with-drop, +.chosen-container-multi.chosen-container-active.chosen-with-drop, +.chosen-container-single .chosen-search input { + + box-shadow: inset 1px 1px 3px #f6f6f6, 0 0 0 transparent !important; + -moz-box-shadow: inset 1px 1px 3px #f6f6f6, 0 0 0 transparent !important; + -webkit-box-shadow: inset 1px 1px 3px #f6f6f6, 0 0 0 transparent !important; +} + +.chosen-container-active.chosen-with-drop a, +.chosen-container-multi.chosen-container-active.chosen-with-drop, +.chosen-container-single .chosen-search input { + border-color: #cdcdcd !important; +} + + /* Textarea */ + +textarea.textarea-no-resize, +textarea.textarea-autoresize { + resize: none; +} + +.textarea.small-textarea { + height: 50px; +} + +textarea.medium-textarea { + height: 100px; +} + +textarea.large-textarea { + height: 150px; +} + + /* Checkboxes */ + +.form-checkbox-radio { + padding-top: 8px; +} + +.form-checkbox-radio input[type="checkbox"], +.form-checkbox-radio input[type="radio"], +.checker, +.checker span, +.checker input, +.radio, +.radio span, +.radio input { + height: auto; + width: auto; + padding: 0; + margin: 1px 3px 0 0; + height: 16px; + width: 16px; + display: block; + float: left; +} + +.form-checkbox-radio input[type="radio"] { + margin-top: 0; +} + +.checker, +.radio { + margin: 0 6px 0 0; +} + +.checker span, +.radio span { + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + text-align: center; + margin-top: -1px; +} + +.checker span i, +.radio span i { + display: none; + +} + +.checker.hover, +.radio.hover { + filter: alpha(opacity=90); + -moz-opacity: 90; + opacity: 0.9; +} + +.checker span.checked, +.radio span.checked { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 1px 2px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 1px 2px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 1px 2px rgba(0, 0, 0, 0.25); +} + +.checker span.checked i, +.radio span.checked i { + display: block; + font-size: 12px; + height: 16px; + line-height: 16px; +} + +.radio span.checked i { + font-size: 9px; +} + +div.checker input, +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; + position: absolute; +} + +.form-checkbox-radio label { + padding: 0 15px 0 0; + display: block; + float: left; + height: 16px; + line-height: 17px; +} + +.checker label { + line-height: 19px; +} + +.form-checkbox-radio .checkbox-radio { + padding-bottom: 10px; +} + +.form-checkbox-radio .checkbox-radio:last-child { + padding-bottom: 0; +} + +.form-checkbox-radio .checkbox-radio label { + float: none; +} + + /* Custom Select */ + +div.selector select { + opacity: 0; + filter: alpha(opacity=0); + -moz-opacity: 0; + border: none; + background: none; + position: absolute; + height: 32px; + top: 0; + left: 0; + z-index: 5; +} + + /* Form Input Prepend */ + +.input-append { + float: left; + height: 30px; + line-height: 30px; + min-width: 30px; + text-align: center; + border-width: 1px; + border-style: solid; + z-index: 4; +} + +.btn.input-append .button-content { + padding: 0 10px; +} + +.input-append-right .input-append { + float: right; +} + +.input-append-wrapper .btn.input-append + .btn.input-append { + border-radius: 0; + margin-left: -1px; +} + +.append-left { + margin-left: 32px; + position: relative; +} + +.append-right { + position: relative; + margin-right: 32px; +} + +.append-right.float-right, +.append-left.float-left { + margin: 0; +} + +.input-append-wrapper .append-right input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + border-right: 0; +} + +.input-append-wrapper .append-left input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + border-left: 0; +} + + /* Chosen Select */ + +.chosen-container { + position: relative; + display: inline-block; + vertical-align: middle; + zoom: 1; + *display: inline; + width: 100% !important; +} + +.chosen-container .chosen-drop { + position: absolute; + top: 100%; + left: -9999px; + z-index: 1010; + width: 100%; + border-top: 0; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} + +.chosen-container.chosen-with-drop .chosen-drop { + left: 0; + padding: 5px; +} + +.chosen-container-single .chosen-single, +.selector { + cursor: pointer; + position: relative; + display: block; + overflow: hidden; + padding: 0 10px !important; + text-decoration: none; + white-space: nowrap; + height: 32px; + line-height: 32px; + margin: 0; +} + +.chosen-container-single .chosen-single span { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.chosen-container-single .chosen-single-with-deselect span { + margin-right: 38px; +} +.chosen-container-single .chosen-single abbr { + position: absolute; + top: 9px; + right: 26px; + display: block; + width: 16px; + font-weight: bold; + height: 16px; + font-size: 9px; + line-height: 16px; + text-align: center; +} + +.chosen-container-single .chosen-search { + position: relative; + z-index: 1010; + margin: 0; + padding: 0 0 5px; + white-space: nowrap; +} + +.chosen-container-single .chosen-search i, +.chosen-container-single .chosen-single div, +.selector i { + position: absolute; + display: block; + right: 0; + top: 50%; + height: 32px; + line-height: 32px; + width: 32px; + margin-top: -16px; + text-align: center; + z-index: 4; +} + +.selector i { + margin-top: -16px; + padding: 0 !important; +} + +.chosen-container-single .chosen-search i { + margin-top: -19px; +} + +.chosen-container-single .chosen-search input { + box-sizing: border-box; + padding: 0 32px 0 5px; + width: 100%; +} + +.chosen-container-single.chosen-container-single-nosearch .chosen-search { + position: absolute; + left: -9999px; +} + +/* @end */ +/* @group Results */ +.chosen-container .chosen-results { + position: relative; + overflow-x: hidden; + overflow-y: auto; + max-height: 240px; + -webkit-overflow-scrolling: touch; +} +.chosen-container .chosen-results li { + margin: 0 5px 0 0; + padding: 3px 15px; + list-style: none; + line-height: 20px; +} +.chosen-container .chosen-results li.active-result { + display: list-item; + cursor: pointer; +} + +.chosen-container .chosen-results li.disabled-result { + display: list-item; + color: #ccc; + cursor: default; +} + +.chosen-container .chosen-results li.no-results { + display: list-item; + text-align: center; + margin: 0; +} + +.chosen-container .chosen-results li.no-results span { + font-weight: bold; +} + +.chosen-container .chosen-drop .result-selected, +.chosen-container .chosen-drop .result-selected:hover { + color: #ccc !important; + background: none; + text-shadow: 1px 1px 0 #fff; +} + +.chosen-container .chosen-results li.group-result { + display: list-item; + color: #999; + font-weight: bold; + cursor: default; +} +.chosen-container .chosen-results li.group-option { + padding-left: 15px; +} +.chosen-container .chosen-results li em { + font-style: normal; + text-decoration: underline; +} + +/* @end */ +/* @group Multi Chosen */ + +.chosen-container-multi { + min-height: 32px; + height: auto; + padding: 0; +} + +.chosen-container-multi .chosen-choices { + position: relative; + overflow: hidden; + box-sizing: border-box; + margin: 0; + padding: 0; + width: 100%; + height: auto !important; + height: 1%; + cursor: text; +} + +.chosen-container-multi .chosen-choices li { + float: left; + list-style: none; +} +.chosen-container-multi .chosen-choices li.search-field { + margin: 0; + padding: 0 10px; + white-space: nowrap; +} +.chosen-container-multi .chosen-choices li.search-field input { + padding: 0; + height: 32px; + outline: 0; + border: 0 !important; + background: transparent !important; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; +} + +.chosen-container-multi .chosen-choices li.search-field .default { + color: #999; +} + +.chosen-container-multi .chosen-choices li.search-choice { + position: relative; + margin: 5px; + padding: 5px 20px 5px 5px; + border: 1px solid #aaa; + background: #fafafa; + color: #333; + line-height: 10px; + height: 10px; + font-size: 95%; + cursor: default; +} + +.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { + position: absolute; + top: 4px; + right: 3px; + display: block; + width: 12px; + height: 12px; + line-height: 12px; + text-align: center; + opacity: 0.5; + cursor: pointer; +} + +.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { + opacity: 1; +} + +/* @end */ + +.chosen-container-active.chosen-with-drop .chosen-single, +.chosen-container-active.chosen-container-multi.chosen-with-drop { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + + /* Form Icons */ + +.form-input-icon { + position: relative; +} + +.form-input-icon .glyph-icon { + position: absolute; + left: 4px; + top: 4px; + height: 24px; + line-height: 24px; + min-width: 30px; + text-align: center; + border: 0; +} + +.form-input-icon .transparent.glyph-icon{ + border-right-width: 1px; + border-right-style: solid; + border-right-color: #ddd; +} + + +.form-input-icon input { + padding-left: 42px; +} + +.form-input-icon.icon-right .glyph-icon { + left: auto; + right: 4px; +} + +.form-input-icon.icon-right input { + padding-right: 42px; + padding-left: 10px; +} + + /* Spinner */ + +.ui-spinner { + height: 32px !important; + display: block; + position: relative; +} + +.form-input .ui-spinner-input { + padding-right: 25px; +} + +.ui-spinner-button { + height: 14px; + line-height: 14px; + width: 14px; + font-size: 8px; + cursor: pointer; + display: block; + position: absolute; + right: 0; + top: 0; + border-top-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.ui-spinner-down { + bottom: 0; + top: auto; + border-top-right-radius: 0 !important; +} + + /* Vertical Forms */ + +.form-vertical .form-label, +.form-vertical .form-input { + width: auto; + float: none; +} + +.form-vertical .form-checkbox-radio { + padding-top: 0; +} + +.form-vertical .form-label label { + padding: 0 0 10px; + height: auto; + line-height: 1; +} + +.form-vertical .form-label label.text-right { + text-align: left; +} + + /* Bordered Forms */ + +.form-bordered { + border: #ddd solid 1px; + border-bottom: 0; +} + +.form-bordered .form-row { + border-bottom: #f1f1f1 solid 1px; + margin: 0; + padding: 0; +} +.form-bordered .form-row:last-child { + border-bottom-color: #ddd; +} + +.form-bordered .form-label { + border-right: #ddd solid 1px; + padding: 10px 15px; +} + +.form-bordered .form-input { + padding: 10px 15px; + background: #fdfdfd; +} +@font-face { + font-family: 'FontAwesome'; + src: url('/openoui/thirdparty/font-awesome/fonts/fontawesome-webfont.eot?v=4.0.3'); + src: url('/openoui/thirdparty/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/openoui/thirdparty/font-awesome/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/openoui/thirdparty/font-awesome/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/openoui/thirdparty/font-awesome/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} + +.search-choice-close:before, +.glyph-icon:before, +.ui-icon:before, +.dataTables_paginate a i:before { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background: none; + text-align: center; + display: inline-block; +} + +.icon-glass:before { + content: "\f000"; +} +.icon-music:before { + content: "\f001"; +} +.icon-search:before { + content: "\f002"; +} +.icon-envelope-o:before { + content: "\f003"; +} +.icon-heart:before { + content: "\f004"; +} +.icon-star:before { + content: "\f005"; +} +.icon-star-o:before { + content: "\f006"; +} +.icon-user:before { + content: "\f007"; +} +.icon-film:before { + content: "\f008"; +} +.icon-th-large:before { + content: "\f009"; +} +.icon-th:before { + content: "\f00a"; +} +.icon-th-list:before { + content: "\f00b"; +} +.icon-check:before { + content: "\f00c"; +} +.icon-remove:before, +.search-choice-close:before, +.ui-icon-closethick:before, +.icon-clock-os:before { + content: "\f00d"; +} +.icon-search-plus:before { + content: "\f00e"; +} +.icon-search-minus:before { + content: "\f010"; +} +.icon-power-off:before { + content: "\f011"; +} +.icon-signal:before { + content: "\f012"; +} +.icon-gear:before, +.icon-cog:before { + content: "\f013"; +} +.icon-trash-o:before { + content: "\f014"; +} +.icon-home:before { + content: "\f015"; +} +.icon-file-o:before { + content: "\f016"; +} +.icon-clock-o:before { + content: "\f017"; +} +.icon-road:before { + content: "\f018"; +} +.icon-download:before { + content: "\f019"; +} +.icon-arrow-circle-o-down:before { + content: "\f01a"; +} +.icon-arrow-circle-o-up:before { + content: "\f01b"; +} +.icon-inbox:before { + content: "\f01c"; +} +.icon-play-circle-o:before { + content: "\f01d"; +} +.icon-rotate-right:before, +.icon-repeat:before { + content: "\f01e"; +} +.icon-refresh:before { + content: "\f021"; +} +.icon-list-alt:before { + content: "\f022"; +} +.icon-lock:before { + content: "\f023"; +} +.icon-flag:before { + content: "\f024"; +} +.icon-headphones:before { + content: "\f025"; +} +.icon-volume-off:before { + content: "\f026"; +} +.icon-volume-down:before { + content: "\f027"; +} +.icon-volume-up:before { + content: "\f028"; +} +.icon-qrcode:before { + content: "\f029"; +} +.icon-barcode:before { + content: "\f02a"; +} +.icon-tag:before { + content: "\f02b"; +} +.icon-tags:before { + content: "\f02c"; +} +.icon-book:before { + content: "\f02d"; +} +.icon-bookmark:before { + content: "\f02e"; +} +.icon-print:before { + content: "\f02f"; +} +.icon-camera:before { + content: "\f030"; +} +.icon-font:before { + content: "\f031"; +} +.icon-bold:before { + content: "\f032"; +} +.icon-italic:before { + content: "\f033"; +} +.icon-text-height:before { + content: "\f034"; +} +.icon-text-width:before { + content: "\f035"; +} +.icon-align-left:before { + content: "\f036"; +} +.icon-align-center:before { + content: "\f037"; +} +.icon-align-right:before { + content: "\f038"; +} +.icon-align-justify:before { + content: "\f039"; +} +.icon-list:before { + content: "\f03a"; +} +.icon-dedent:before, +.icon-outdent:before { + content: "\f03b"; +} +.icon-indent:before { + content: "\f03c"; +} +.icon-video-camera:before { + content: "\f03d"; +} +.icon-picture-o:before { + content: "\f03e"; +} +.icon-pencil:before { + content: "\f040"; +} +.icon-map-marker:before { + content: "\f041"; +} +.icon-adjust:before { + content: "\f042"; +} +.icon-tint:before { + content: "\f043"; +} +.icon-edit:before, +.icon-pencil-square-o:before { + content: "\f044"; +} +.icon-share-square-o:before { + content: "\f045"; +} +.icon-check-square-o:before { + content: "\f046"; +} +.icon-arrows:before { + content: "\f047"; +} +.icon-step-backward:before { + content: "\f048"; +} +.icon-fast-backward:before { + content: "\f049"; +} +.icon-backward:before { + content: "\f04a"; +} +.icon-play:before { + content: "\f04b"; +} +.icon-pause:before { + content: "\f04c"; +} +.icon-stop:before { + content: "\f04d"; +} +.icon-forward:before { + content: "\f04e"; +} +.icon-fast-forward:before { + content: "\f050"; +} +.icon-step-forward:before { + content: "\f051"; +} +.icon-eject:before { + content: "\f052"; +} +.icon-chevron-left:before { + content: "\f053"; +} +.icon-chevron-right:before { + content: "\f054"; +} +.icon-plus-circle:before { + content: "\f055"; +} +.icon-minus-circle:before { + content: "\f056"; +} +.icon-clock-os-circle:before { + content: "\f057"; +} +.icon-check-circle:before { + content: "\f058"; +} +.icon-question-circle:before { + content: "\f059"; +} +.icon-info-circle:before { + content: "\f05a"; +} +.icon-crosshairs:before { + content: "\f05b"; +} +.icon-clock-os-circle-o:before { + content: "\f05c"; +} +.icon-check-circle-o:before { + content: "\f05d"; +} +.icon-ban:before { + content: "\f05e"; +} +.icon-arrow-left:before { + content: "\f060"; +} +.icon-arrow-right:before { + content: "\f061"; +} +.icon-arrow-up:before { + content: "\f062"; +} +.icon-arrow-down:before { + content: "\f063"; +} +.icon-mail-forward:before, +.icon-share:before { + content: "\f064"; +} +.icon-expand:before { + content: "\f065"; +} +.icon-compress:before { + content: "\f066"; +} +.icon-plus:before { + content: "\f067"; +} +.icon-minus:before { + content: "\f068"; +} +.icon-asterisk:before { + content: "\f069"; +} +.icon-exclamation-circle:before { + content: "\f06a"; +} +.icon-gift:before { + content: "\f06b"; +} +.icon-leaf:before { + content: "\f06c"; +} +.icon-fire:before { + content: "\f06d"; +} +.icon-eye:before { + content: "\f06e"; +} +.icon-eye-slash:before { + content: "\f070"; +} +.icon-warning:before, +.icon-exclamation-triangle:before { + content: "\f071"; +} +.icon-plane:before { + content: "\f072"; +} +.icon-calendar:before { + content: "\f073"; +} +.icon-random:before { + content: "\f074"; +} +.icon-comment:before { + content: "\f075"; +} +.icon-magnet:before { + content: "\f076"; +} +.icon-chevron-up:before { + content: "\f077"; +} +.icon-chevron-down:before { + content: "\f078"; +} +.icon-retweet:before { + content: "\f079"; +} +.icon-shopping-cart:before { + content: "\f07a"; +} +.icon-folder:before { + content: "\f07b"; +} +.icon-folder-open:before { + content: "\f07c"; +} +.icon-arrows-v:before { + content: "\f07d"; +} +.icon-arrows-h:before { + content: "\f07e"; +} +.icon-bar-chart-o:before { + content: "\f080"; +} +.icon-twitter-square:before { + content: "\f081"; +} +.icon-facebook-square:before { + content: "\f082"; +} +.icon-camera-retro:before { + content: "\f083"; +} +.icon-key:before { + content: "\f084"; +} +.icon-gears:before, +.icon-cogs:before { + content: "\f085"; +} +.icon-comments:before { + content: "\f086"; +} +.icon-thumbs-o-up:before { + content: "\f087"; +} +.icon-thumbs-o-down:before { + content: "\f088"; +} +.icon-star-half:before { + content: "\f089"; +} +.icon-heart-o:before { + content: "\f08a"; +} +.icon-sign-out:before { + content: "\f08b"; +} +.icon-linkedin-square:before { + content: "\f08c"; +} +.icon-thumb-tack:before { + content: "\f08d"; +} +.icon-external-link:before { + content: "\f08e"; +} +.icon-sign-in:before { + content: "\f090"; +} +.icon-trophy:before { + content: "\f091"; +} +.icon-github-square:before { + content: "\f092"; +} +.icon-upload:before { + content: "\f093"; +} +.icon-lemon-o:before { + content: "\f094"; +} +.icon-phone:before { + content: "\f095"; +} +.icon-square-o:before { + content: "\f096"; +} +.icon-bookmark-o:before { + content: "\f097"; +} +.icon-phone-square:before { + content: "\f098"; +} +.icon-twitter:before { + content: "\f099"; +} +.icon-facebook:before { + content: "\f09a"; +} +.icon-github:before { + content: "\f09b"; +} +.icon-unlock:before { + content: "\f09c"; +} +.icon-credit-card:before { + content: "\f09d"; +} +.icon-rss:before { + content: "\f09e"; +} +.icon-hdd-o:before { + content: "\f0a0"; +} +.icon-bullhorn:before { + content: "\f0a1"; +} +.icon-bell:before { + content: "\f0f3"; +} +.icon-certificate:before { + content: "\f0a3"; +} +.icon-hand-o-right:before { + content: "\f0a4"; +} +.icon-hand-o-left:before { + content: "\f0a5"; +} +.icon-hand-o-up:before { + content: "\f0a6"; +} +.icon-hand-o-down:before { + content: "\f0a7"; +} +.icon-arrow-circle-left:before { + content: "\f0a8"; +} +.icon-arrow-circle-right:before { + content: "\f0a9"; +} +.icon-arrow-circle-up:before { + content: "\f0aa"; +} +.icon-arrow-circle-down:before { + content: "\f0ab"; +} +.icon-globe:before { + content: "\f0ac"; +} +.icon-wrench:before { + content: "\f0ad"; +} +.icon-tasks:before { + content: "\f0ae"; +} +.icon-filter:before { + content: "\f0b0"; +} +.icon-briefcase:before { + content: "\f0b1"; +} +.icon-arrows-alt:before { + content: "\f0b2"; +} +.icon-group:before, +.icon-users:before { + content: "\f0c0"; +} +.icon-chain:before, +.icon-link:before { + content: "\f0c1"; +} +.icon-cloud:before { + content: "\f0c2"; +} +.icon-flask:before { + content: "\f0c3"; +} +.icon-cut:before, +.icon-scissors:before { + content: "\f0c4"; +} +.icon-copy:before, +.icon-files-o:before { + content: "\f0c5"; +} +.icon-paperclip:before { + content: "\f0c6"; +} +.icon-save:before, +.icon-floppy-o:before { + content: "\f0c7"; +} +.icon-square:before { + content: "\f0c8"; +} +.icon-bars:before { + content: "\f0c9"; +} +.icon-list-ul:before { + content: "\f0ca"; +} +.icon-list-ol:before { + content: "\f0cb"; +} +.icon-strikethrough:before { + content: "\f0cc"; +} +.icon-underline:before { + content: "\f0cd"; +} +.icon-table:before { + content: "\f0ce"; +} +.icon-magic:before { + content: "\f0d0"; +} +.icon-truck:before { + content: "\f0d1"; +} +.icon-pinterest:before { + content: "\f0d2"; +} +.icon-pinterest-square:before { + content: "\f0d3"; +} +.icon-google-plus-square:before { + content: "\f0d4"; +} +.icon-google-plus:before { + content: "\f0d5"; +} +.icon-money:before { + content: "\f0d6"; +} +.ui-accordion-header-icon.ui-icon-triangle-1-s:before, +.icon-caret-down:before { + content: "\f0d7"; +} +.icon-caret-up:before { + content: "\f0d8"; +} +.icon-caret-left:before { + content: "\f0d9"; +} +.ui-icon-triangle-1-e:before, +.icon-caret-right:before { + content: "\f0da"; +} +.icon-columns:before { + content: "\f0db"; +} +.dataTable .ui-icon-carat-2-n-s:before, +.icon-unsorted:before, +.icon-sort:before { + content: "\f0dc"; +} +.dataTable .ui-icon-triangle-1-s:before, +.icon-sort-down:before, +.icon-sort-asc:before { + content: "\f0dd"; +} +.dataTable .ui-icon-triangle-1-n:before, +.icon-sort-up:before, +.icon-sort-desc:before { + content: "\f0de"; +} +.icon-envelope:before { + content: "\f0e0"; +} +.icon-linkedin:before { + content: "\f0e1"; +} +.icon-rotate-left:before, +.icon-undo:before { + content: "\f0e2"; +} +.icon-legal:before, +.icon-gavel:before { + content: "\f0e3"; +} +.icon-dashboard:before, +.icon-tachometer:before { + content: "\f0e4"; +} +.icon-comment-o:before { + content: "\f0e5"; +} +.icon-comments-o:before { + content: "\f0e6"; +} +.icon-flash:before, +.icon-bolt:before { + content: "\f0e7"; +} +.icon-sitemap:before { + content: "\f0e8"; +} +.icon-umbrella:before { + content: "\f0e9"; +} +.icon-paste:before, +.icon-clipboard:before { + content: "\f0ea"; +} +.icon-lightbulb-o:before { + content: "\f0eb"; +} +.icon-exchange:before { + content: "\f0ec"; +} +.icon-cloud-download:before { + content: "\f0ed"; +} +.icon-cloud-upload:before { + content: "\f0ee"; +} +.icon-user-md:before { + content: "\f0f0"; +} +.icon-stethoscope:before { + content: "\f0f1"; +} +.icon-suitcase:before { + content: "\f0f2"; +} +.icon-bell-o:before { + content: "\f0a2"; +} +.icon-coffee:before { + content: "\f0f4"; +} +.icon-cutlery:before { + content: "\f0f5"; +} +.icon-file-text-o:before { + content: "\f0f6"; +} +.icon-building-o:before { + content: "\f0f7"; +} +.icon-hospital-o:before { + content: "\f0f8"; +} +.icon-ambulance:before { + content: "\f0f9"; +} +.icon-medkit:before { + content: "\f0fa"; +} +.icon-fighter-jet:before { + content: "\f0fb"; +} +.icon-beer:before { + content: "\f0fc"; +} +.icon-h-square:before { + content: "\f0fd"; +} +.icon-plus-square:before { + content: "\f0fe"; +} +.icon-angle-double-left:before { + content: "\f100"; +} +.icon-angle-double-right:before { + content: "\f101"; +} +.icon-angle-double-up:before { + content: "\f102"; +} +.icon-angle-double-down:before { + content: "\f103"; +} +.icon-angle-left:before { + content: "\f104"; +} +.icon-angle-right:before { + content: "\f105"; +} +.icon-angle-up:before { + content: "\f106"; +} +.icon-angle-down:before { + content: "\f107"; +} +.icon-desktop:before { + content: "\f108"; +} +.icon-laptop:before { + content: "\f109"; +} +.icon-tablet:before { + content: "\f10a"; +} +.icon-mobile-phone:before, +.icon-mobile:before { + content: "\f10b"; +} +.icon-circle-o:before { + content: "\f10c"; +} +.icon-quote-left:before { + content: "\f10d"; +} +.icon-quote-right:before { + content: "\f10e"; +} +.icon-spinner:before { + content: "\f110"; +} +.icon-circle:before { + content: "\f111"; +} +.icon-mail-reply:before, +.icon-reply:before { + content: "\f112"; +} +.icon-github-alt:before { + content: "\f113"; +} +.icon-folder-o:before { + content: "\f114"; +} +.icon-folder-open-o:before { + content: "\f115"; +} +.icon-smile-o:before { + content: "\f118"; +} +.icon-frown-o:before { + content: "\f119"; +} +.icon-meh-o:before { + content: "\f11a"; +} +.icon-gamepad:before { + content: "\f11b"; +} +.icon-keyboard-o:before { + content: "\f11c"; +} +.icon-flag-o:before { + content: "\f11d"; +} +.icon-flag-checkered:before { + content: "\f11e"; +} +.icon-terminal:before { + content: "\f120"; +} +.icon-code:before { + content: "\f121"; +} +.icon-reply-all:before { + content: "\f122"; +} +.icon-mail-reply-all:before { + content: "\f122"; +} +.icon-star-half-empty:before, +.icon-star-half-full:before, +.icon-star-half-o:before { + content: "\f123"; +} +.icon-location-arrow:before { + content: "\f124"; +} +.icon-crop:before { + content: "\f125"; +} +.icon-code-fork:before { + content: "\f126"; +} +.icon-unlink:before, +.icon-chain-broken:before { + content: "\f127"; +} +.icon-question:before { + content: "\f128"; +} +.icon-info:before { + content: "\f129"; +} +.icon-exclamation:before { + content: "\f12a"; +} +.icon-superscript:before { + content: "\f12b"; +} +.icon-subscript:before { + content: "\f12c"; +} +.icon-eraser:before { + content: "\f12d"; +} +.icon-puzzle-piece:before { + content: "\f12e"; +} +.icon-microphone:before { + content: "\f130"; +} +.icon-microphone-slash:before { + content: "\f131"; +} +.icon-shield:before { + content: "\f132"; +} +.icon-calendar-o:before { + content: "\f133"; +} +.icon-fire-extinguisher:before { + content: "\f134"; +} +.icon-rocket:before { + content: "\f135"; +} +.icon-maxcdn:before { + content: "\f136"; +} +.ui-icon-circle-triangle-w:before, +.icon-chevron-circle-left:before { + content: "\f137"; +} +.ui-icon-circle-triangle-e:before, +.icon-chevron-circle-right:before { + content: "\f138"; +} +.icon-chevron-circle-up:before { + content: "\f139"; +} +.icon-chevron-circle-down:before { + content: "\f13a"; +} +.icon-html5:before { + content: "\f13b"; +} +.icon-css3:before { + content: "\f13c"; +} +.icon-anchor:before { + content: "\f13d"; +} +.icon-unlock-alt:before { + content: "\f13e"; +} +.icon-bullseye:before { + content: "\f140"; +} +.icon-ellipsis-h:before { + content: "\f141"; +} +.icon-ellipsis-v:before { + content: "\f142"; +} +.icon-rss-square:before { + content: "\f143"; +} +.icon-play-circle:before { + content: "\f144"; +} +.icon-ticket:before { + content: "\f145"; +} +.icon-minus-square:before { + content: "\f146"; +} +.icon-minus-square-o:before { + content: "\f147"; +} +.icon-level-up:before { + content: "\f148"; +} +.icon-level-down:before { + content: "\f149"; +} +.icon-check-square:before { + content: "\f14a"; +} +.icon-pencil-square:before { + content: "\f14b"; +} +.icon-external-link-square:before { + content: "\f14c"; +} +.icon-share-square:before { + content: "\f14d"; +} +.icon-compass:before { + content: "\f14e"; +} +.icon-toggle-down:before, +.icon-caret-square-o-down:before { + content: "\f150"; +} +.icon-toggle-up:before, +.icon-caret-square-o-up:before { + content: "\f151"; +} +.icon-toggle-right:before, +.icon-caret-square-o-right:before { + content: "\f152"; +} +.icon-euro:before, +.icon-eur:before { + content: "\f153"; +} +.icon-gbp:before { + content: "\f154"; +} +.icon-dollar:before, +.icon-usd:before { + content: "\f155"; +} +.icon-rupee:before, +.icon-inr:before { + content: "\f156"; +} +.icon-cny:before, +.icon-rmb:before, +.icon-yen:before, +.icon-jpy:before { + content: "\f157"; +} +.icon-ruble:before, +.icon-rouble:before, +.icon-rub:before { + content: "\f158"; +} +.icon-won:before, +.icon-krw:before { + content: "\f159"; +} +.icon-bitcoin:before, +.icon-btc:before { + content: "\f15a"; +} +.icon-file:before { + content: "\f15b"; +} +.icon-file-text:before { + content: "\f15c"; +} +.icon-sort-alpha-asc:before { + content: "\f15d"; +} +.icon-sort-alpha-desc:before { + content: "\f15e"; +} +.icon-sort-amount-asc:before { + content: "\f160"; +} +.icon-sort-amount-desc:before { + content: "\f161"; +} +.icon-sort-numeric-asc:before { + content: "\f162"; +} +.icon-sort-numeric-desc:before { + content: "\f163"; +} +.icon-thumbs-up:before { + content: "\f164"; +} +.icon-thumbs-down:before { + content: "\f165"; +} +.icon-youtube-square:before { + content: "\f166"; +} +.icon-youtube:before { + content: "\f167"; +} +.icon-xing:before { + content: "\f168"; +} +.icon-xing-square:before { + content: "\f169"; +} +.icon-youtube-play:before { + content: "\f16a"; +} +.icon-dropbox:before { + content: "\f16b"; +} +.icon-stack-overflow:before { + content: "\f16c"; +} +.icon-instagram:before { + content: "\f16d"; +} +.icon-flickr:before { + content: "\f16e"; +} +.icon-adn:before { + content: "\f170"; +} +.icon-bitbucket:before { + content: "\f171"; +} +.icon-bitbucket-square:before { + content: "\f172"; +} +.icon-tumblr:before { + content: "\f173"; +} +.icon-tumblr-square:before { + content: "\f174"; +} +.icon-long-arrow-down:before { + content: "\f175"; +} +.icon-long-arrow-up:before { + content: "\f176"; +} +.icon-long-arrow-left:before { + content: "\f177"; +} +.icon-long-arrow-right:before { + content: "\f178"; +} +.icon-apple:before { + content: "\f179"; +} +.icon-windows:before { + content: "\f17a"; +} +.icon-android:before { + content: "\f17b"; +} +.icon-linux:before { + content: "\f17c"; +} +.icon-dribbble:before { + content: "\f17d"; +} +.icon-skype:before { + content: "\f17e"; +} +.icon-foursquare:before { + content: "\f180"; +} +.icon-trello:before { + content: "\f181"; +} +.icon-female:before { + content: "\f182"; +} +.icon-male:before { + content: "\f183"; +} +.icon-gittip:before { + content: "\f184"; +} +.icon-sun-o:before { + content: "\f185"; +} +.icon-moon-o:before { + content: "\f186"; +} +.icon-archive:before { + content: "\f187"; +} +.icon-bug:before { + content: "\f188"; +} +.icon-vk:before { + content: "\f189"; +} +.icon-weibo:before { + content: "\f18a"; +} +.icon-renren:before { + content: "\f18b"; +} +.icon-pagelines:before { + content: "\f18c"; +} +.icon-stack-exchange:before { + content: "\f18d"; +} +.icon-arrow-circle-o-right:before { + content: "\f18e"; +} +.icon-arrow-circle-o-left:before { + content: "\f190"; +} +.icon-toggle-left:before, +.icon-caret-square-o-left:before { + content: "\f191"; +} +.icon-dot-circle-o:before { + content: "\f192"; +} +.icon-wheelchair:before { + content: "\f193"; +} +.icon-vimeo-square:before { + content: "\f194"; +} +.icon-turkish-lira:before, +.icon-try:before { + content: "\f195"; +} +.icon-plus-square-o:before { + content: "\f196"; +} + /* Info Boxes */ + +.infobox { + border-width: 1px; + border-style: solid; + padding: 10px; + text-shadow: 1px 1px 0 rgba(255,255,255,0.5); + position: relative; + text-align: left; +} + +.infobox a { + font-weight: bold; +} + +.infobox-close-wrapper { + padding-right: 28px; +} + +.infobox .bg-white { + border-color: transparent; + background: rgba(255,255,255,0.3); + color: #fff; + text-shadow: 0 0 5px rgba(0,0,0,0.2); +} + +.infobox .infobox-close { + position: absolute; + display: block; + width: 16px; + height: 16px; + line-height: 16px; + right: 8px; + top: 50%; + margin-top: -8px; + font-size: 12px; + color: #000; + opacity: 0.50; + filter: alpha(opacity=50); + z-index: 2; + text-align: center; + text-shadow: 0 0 0 transparent; +} + +.infobox .infobox-close:hover { + opacity: 1; + filter: alpha(opacity=100); +} + +.bg-white.infobox .bg-white { + background: #fff; + color: #666; + text-shadow: 0 0 0 rgba(255,255,255,0); +} + +.infobox .info-icon { + margin: 0 10px 5px 0; + float: left; +} + +.infobox p { + margin: 0; + padding: 0; + opacity: 0.85; + font-size: 12px; + filter: alpha(opacity=85); +} + +.infobox-title { + font-size: 12px; + padding: 0; + margin: 4px 0 3px; + font-weight: bold; + text-transform: uppercase; +} + /* Info Buttons */ + +.info-box { + border-width: 3px 0 0; + border-style: solid; + padding: 10px; + display: block; + position: relative; + min-height: 57px; +} + +.info-box .stats { + display: block; + padding: 5px 0 0; +} + +.info-box b { + display: block; + position: absolute; + right: 10px; + top: 10px; + white-space: nowrap; +} + +.info-box .stats { + font-size: 30px; + height: 35px; + line-height: 35px; + position: absolute; + right: 10px; + bottom: 10px; + white-space: nowrap; +} + +.info-box .stats span { + font-size: 70%; +} + +.info-box.icon-wrapper { + padding-left: 95px; + overflow: hidden; +} + +.info-box.icon-wrapper .icon-big { + position: absolute; + font-size: 125px; + left: -20px; + top: 50%; + height: 50px; + line-height: 50px; + width: 50px; + margin-top: -25px; +} + +.chart-icon { + float: left; + margin-right: 20px; +} + +.info-box-alt { + border-width: 0; + padding: 10px; +} + +.info-box-alt .chart-icon { + margin-left: 5px; +} + +.info-box-alt .stats { + float: right; + margin-right: 5px; +} + +.info-box-alt .chart-icon { + margin-top: 3px; +} + +.info-box-alt h3 { + text-transform: uppercase; + font-size: 13px; + margin: 0; + padding: 0 0 10px; + margin: 0 0 10px; + color: rgba(0,0,0,0.5); + border-bottom: rgba(0,0,0,0.3) solid 1px; +} + /* Nav List */ + +.nav-list li { + position: relative; +} + +.nav-list li a { + display: block; + padding: 10px 15px; + border-bottom-width: 1px; + border-bottom-style: solid; + margin: 0; + height: 22px; + line-height: 22px; + font-weight: bold; +} + +.nav-list li a .glyph-icon { + margin: 0 10px 0 0; + font-size: 15px; + width: 22px; + display: block; + float: left; + text-align: center; +} + +.nav-list li a .glyph-icon.float-right { + margin: 0; +} + +.nav-list li:last-child a { + border-bottom: 0; +} + +.nav-list li a:hover { + background: #fafafa; +} + + /* Horizontal Navigation */ + +.nav-list-horizontal { + padding: 10px 15px; +} + +.nav-list-horizontal li a, +.nav-list-horizontal li .nav-wrp { + border-right-width: 1px; + border-right-style: solid; + padding: 5px; + display: block; + text-overflow: ellipsis; + white-space: nowrap; + text-align: center; + width: 100%; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + overflow: hidden; +} + +.nav-list-horizontal li .nav-wrp h3 { + margin: 0; +} + +.nav-list-horizontal li { + width: 25%; + float: left; +} + +.nav-list-horizontal li:last-child a, +.nav-list-horizontal li:last-child .nav-wrp { + border-right: 0; +} + +.nav-list-horizontal li a .glyph-icon { + display: block; + font-size: 18px; + padding: 0 0 5px; +} + + /* Horizontal Navigation Alternate */ + +.nav-list-horizontal-alt .row { + margin: 0; +} + +.nav-list-horizontal-alt li a { + border: 0; + padding: 10px 0; +} + +.nav-list-horizontal-alt li a .glyph-icon { + padding: 0; +} + +.nav-list-3 li { + width: 33%; +} + +.nav-list-2 li { + width: 50%; +} + /* Default */ + +.table { + width: 100%; + border-collapse: separate; + border-spacing: 0; + border-right: 0 !important; +} + +.table td { + padding: 8px; + vertical-align: middle; +} + +.table th { + padding: 0 8px; + height: 36px; + line-height: 36px; + position: relative; +} + +.table tfoot th { + border-bottom: 0; +} + +.table tbody tr:last-child th, +.table tbody tr:last-child td { + border-bottom: 0; +} + + /* Condensed */ + +.table-condensed td { + padding: 3px 5px; +} + +.table-condensed th { + height: 24px; + line-height: 24px; +} + + /* Striped */ + +.table-striped tr:nth-child(even) > td { + background: #fafafa; +} + + /* Hover */ + +.table-hover tr:hover td { + background: #fffdf4; + color: #000; +} + + + /* Data Tables */ + +.ui-toolbar { + padding: 0 0 10px; + text-transform: uppercase; + font-size: 12px; + font-weight: bold; +} + +.ui-toolbar.ui-corner-br { + padding: 10px 0 0; +} + +.ui-toolbar select, +.ui-toolbar input { + width: auto; + margin: 0 5px; +} + +.dataTable { + margin: 0 !important; +} + +.dataTables_length, +.dataTables_info { + float: left; + width: 45%; +} + +.dataTables_filter, +.dataTables_paginate { + float: right; +} + +.dataTable .css_right { + width: 16px; + height: 16px; + line-height: 16px; + font-size: 14px; + top: 50%; + position: absolute; + right: 10px; + margin-top: -8px; + color: rgba(0,0,0,0.8); +} + +.dataTable th:hover .css_right { + color: rgba(0,0,0,1); +} + +.dataTable .icon-sort { + color: rgba(0,0,0,0.5); +} + +.dataTable .even { + background: #fafafa; +} + + /* Data Table Pagination */ + +.dataTables_paginate a { + height: 24px; + line-height: 24px; + width: 24px; + margin: 0 0 0 5px; +} + + + /* Headings */ + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-weight: 500; + line-height: 1.1; +} + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small { + font-weight: normal; + line-height: 1; +} + +h1, +h2, +h3 { + margin-top: 20px; + margin-bottom: 10px; +} + +h4, +h5, +h6 { + margin-top: 10px; + margin-bottom: 5px; +} + +h1, +.h1 { + font-size: 38px; +} + +h2, +.h2 { + font-size: 32px; +} + +h3, +.h3 { + font-size: 24px; + color: #C2C2C2; +} + +h4, +.h4 { + font-size: 18px; +} + +h5, +.h5 { + font-size: 14px; +} + +h6, +.h6 { + font-size: 12px; +} + +h1 small, +.h1 small { + font-size: 24px; +} + +h2 small, +.h2 small { + font-size: 18px; +} + +h3 small, +.h3 small, +h4 small, +.h4 small { + font-size: 14px; +} + + + /* Heading 1 */ + +.heading-1 { + margin: 0; +} + +.heading-1 .divider { + margin: 0; +} + +.heading-1 .heading-icon { + float: left; + margin-right: 10px; + width: 42px; + height: 42px; + line-height: 42px; + text-align: center; + font-size: 23px; +} + +.heading-1 .heading-content { + float: left; + width: 85%; + text-transform: uppercase; +} + +.heading-1 small { + display: block; + padding: 5px 0 0; + line-height: 1.6em; + text-transform: none; + -moz-opacity:0.60; + filter:alpha(opacity:60); + opacity:0.60; +} + +h5.heading-1 .heading-icon { + width: 35px; + height: 35px; + line-height: 35px; + font-size: 20px; +} +body { + -webkit-backface-visibility: hidden; +} +.animated { + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + -moz-animation-duration: 2s; + -o-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-moz-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-o-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +.animated.flash { + -webkit-animation-name: flash; + -moz-animation-name: flash; + -o-animation-name: flash; + animation-name: flash; +} +@-webkit-keyframes shake { + 0%, 100% {-webkit-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} +} + +@-moz-keyframes shake { + 0%, 100% {-moz-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} +} + +@-o-keyframes shake { + 0%, 100% {-o-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} +} + +@keyframes shake { + 0%, 100% {transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} + 20%, 40%, 60%, 80% {transform: translateX(10px);} +} + +.animated.shake { + -webkit-animation-name: shake; + -moz-animation-name: shake; + -o-animation-name: shake; + animation-name: shake; +} +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} + 40% {-webkit-transform: translateY(-30px);} + 60% {-webkit-transform: translateY(-15px);} +} + +@-moz-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} + 40% {-moz-transform: translateY(-30px);} + 60% {-moz-transform: translateY(-15px);} +} + +@-o-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} + 40% {-o-transform: translateY(-30px);} + 60% {-o-transform: translateY(-15px);} +} +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} + 40% {transform: translateY(-30px);} + 60% {transform: translateY(-15px);} +} + +.animated.bounce { + -webkit-animation-name: bounce; + -moz-animation-name: bounce; + -o-animation-name: bounce; + animation-name: bounce; +} +@-webkit-keyframes tada { + 0% {-webkit-transform: scale(1);} + 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} + 100% {-webkit-transform: scale(1) rotate(0);} +} + +@-moz-keyframes tada { + 0% {-moz-transform: scale(1);} + 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} + 100% {-moz-transform: scale(1) rotate(0);} +} + +@-o-keyframes tada { + 0% {-o-transform: scale(1);} + 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} + 100% {-o-transform: scale(1) rotate(0);} +} + +@keyframes tada { + 0% {transform: scale(1);} + 10%, 20% {transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} + 100% {transform: scale(1) rotate(0);} +} + +.animated.tada { + -webkit-animation-name: tada; + -moz-animation-name: tada; + -o-animation-name: tada; + animation-name: tada; +} +@-webkit-keyframes swing { + 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } + 20% { -webkit-transform: rotate(15deg); } + 40% { -webkit-transform: rotate(-10deg); } + 60% { -webkit-transform: rotate(5deg); } + 80% { -webkit-transform: rotate(-5deg); } + 100% { -webkit-transform: rotate(0deg); } +} + +@-moz-keyframes swing { + 20% { -moz-transform: rotate(15deg); } + 40% { -moz-transform: rotate(-10deg); } + 60% { -moz-transform: rotate(5deg); } + 80% { -moz-transform: rotate(-5deg); } + 100% { -moz-transform: rotate(0deg); } +} + +@-o-keyframes swing { + 20% { -o-transform: rotate(15deg); } + 40% { -o-transform: rotate(-10deg); } + 60% { -o-transform: rotate(5deg); } + 80% { -o-transform: rotate(-5deg); } + 100% { -o-transform: rotate(0deg); } +} + +@keyframes swing { + 20% { transform: rotate(15deg); } + 40% { transform: rotate(-10deg); } + 60% { transform: rotate(5deg); } + 80% { transform: rotate(-5deg); } + 100% { transform: rotate(0deg); } +} + +.animated.swing { + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -o-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + -moz-animation-name: swing; + -o-animation-name: swing; + animation-name: swing; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { -webkit-transform: translateX(0%); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0%); } +} + +@-moz-keyframes wobble { + 0% { -moz-transform: translateX(0%); } + 15% { -moz-transform: translateX(-25%) rotate(-5deg); } + 30% { -moz-transform: translateX(20%) rotate(3deg); } + 45% { -moz-transform: translateX(-15%) rotate(-3deg); } + 60% { -moz-transform: translateX(10%) rotate(2deg); } + 75% { -moz-transform: translateX(-5%) rotate(-1deg); } + 100% { -moz-transform: translateX(0%); } +} + +@-o-keyframes wobble { + 0% { -o-transform: translateX(0%); } + 15% { -o-transform: translateX(-25%) rotate(-5deg); } + 30% { -o-transform: translateX(20%) rotate(3deg); } + 45% { -o-transform: translateX(-15%) rotate(-3deg); } + 60% { -o-transform: translateX(10%) rotate(2deg); } + 75% { -o-transform: translateX(-5%) rotate(-1deg); } + 100% { -o-transform: translateX(0%); } +} + +@keyframes wobble { + 0% { transform: translateX(0%); } + 15% { transform: translateX(-25%) rotate(-5deg); } + 30% { transform: translateX(20%) rotate(3deg); } + 45% { transform: translateX(-15%) rotate(-3deg); } + 60% { transform: translateX(10%) rotate(2deg); } + 75% { transform: translateX(-5%) rotate(-1deg); } + 100% { transform: translateX(0%); } +} + +.animated.wobble { + -webkit-animation-name: wobble; + -moz-animation-name: wobble; + -o-animation-name: wobble; + animation-name: wobble; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { -webkit-transform: scale(1); } + 50% { -webkit-transform: scale(1.1); } + 100% { -webkit-transform: scale(1); } +} +@-moz-keyframes pulse { + 0% { -moz-transform: scale(1); } + 50% { -moz-transform: scale(1.1); } + 100% { -moz-transform: scale(1); } +} +@-o-keyframes pulse { + 0% { -o-transform: scale(1); } + 50% { -o-transform: scale(1.1); } + 100% { -o-transform: scale(1); } +} +@keyframes pulse { + 0% { transform: scale(1); } + 50% { transform: scale(1.1); } + 100% { transform: scale(1); } +} + +.animated.pulse { + -webkit-animation-name: pulse; + -moz-animation-name: pulse; + -o-animation-name: pulse; + animation-name: pulse; +} +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + } +} +@-moz-keyframes flip { + 0% { + -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -moz-animation-timing-function: ease-out; + } + 40% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -moz-animation-timing-function: ease-out; + } + 50% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -moz-animation-timing-function: ease-in; + } + 80% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -moz-animation-timing-function: ease-in; + } + 100% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -moz-animation-timing-function: ease-in; + } +} +@-o-keyframes flip { + 0% { + -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -o-animation-timing-function: ease-out; + } + 40% { + -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -o-animation-timing-function: ease-out; + } + 50% { + -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -o-animation-timing-function: ease-in; + } + 80% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -o-animation-timing-function: ease-in; + } + 100% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -o-animation-timing-function: ease-in; + } +} +@keyframes flip { + 0% { + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + animation-timing-function: ease-out; + } + 40% { + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + animation-timing-function: ease-out; + } + 50% { + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + animation-timing-function: ease-in; + } + 80% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + animation-timing-function: ease-in; + } + 100% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flip; + -moz-backface-visibility: visible !important; + -moz-animation-name: flip; + -o-backface-visibility: visible !important; + -o-animation-name: flip; + backface-visibility: visible !important; + animation-name: flip; +} +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInX { + 0% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-o-keyframes flipInX { + 0% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@keyframes flipInX { + 0% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + transform: perspective(400px) rotateX(10deg); + } + + 100% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.animated.flipInX { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInX; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInX; + -o-backface-visibility: visible !important; + -o-animation-name: flipInX; + backface-visibility: visible !important; + animation-name: flipInX; +} +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-moz-keyframes flipOutX { + 0% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-o-keyframes flipOutX { + 0% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.animated.flipOutX { + -webkit-animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -moz-animation-name: flipOutX; + -moz-backface-visibility: visible !important; + -o-animation-name: flipOutX; + -o-backface-visibility: visible !important; + animation-name: flipOutX; + backface-visibility: visible !important; +} +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInY { + 0% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-o-keyframes flipInY { + 0% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@keyframes flipInY { + 0% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + transform: perspective(400px) rotateY(10deg); + } + + 100% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.animated.flipInY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInY; + -o-backface-visibility: visible !important; + -o-animation-name: flipInY; + backface-visibility: visible !important; + animation-name: flipInY; +} +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-moz-keyframes flipOutY { + 0% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-o-keyframes flipOutY { + 0% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@keyframes flipOutY { + 0% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.animated.flipOutY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipOutY; + -o-backface-visibility: visible !important; + -o-animation-name: flipOutY; + backface-visibility: visible !important; + animation-name: flipOutY; +} +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-moz-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-o-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.animated.fadeIn { + -webkit-animation-name: fadeIn; + -moz-animation-name: fadeIn; + -o-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUp { + 0% { + opacity: 0; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUp { + 0% { + opacity: 0; + -o-transform: translateY(20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY(20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.animated.fadeInUp { + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.animated.fadeInDown { + -webkit-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -o-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + transform: translateX(-20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.animated.fadeInLeft { + -webkit-animation-name: fadeInLeft; + -moz-animation-name: fadeInLeft; + -o-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRight { + 0% { + opacity: 0; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRight { + 0% { + opacity: 0; + -o-transform: translateX(20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + transform: translateX(20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.animated.fadeInRight { + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUpBig { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUpBig { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.animated.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + -moz-animation-name: fadeInUpBig; + -o-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDownBig { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDownBig { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.animated.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + -moz-animation-name: fadeInDownBig; + -o-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@-moz-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} +@-o-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.animated.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + -moz-animation-name: fadeInLeftBig; + -o-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRightBig { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRightBig { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.animated.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + -moz-animation-name: fadeInRightBig; + -o-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-moz-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-o-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.animated.fadeOut { + -webkit-animation-name: fadeOut; + -moz-animation-name: fadeOut; + -o-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + } +} +@-moz-keyframes fadeOutUp { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-20px); + } +} +@-o-keyframes fadeOutUp { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-20px); + } +} +@keyframes fadeOutUp { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-20px); + } +} + +.animated.fadeOutUp { + -webkit-animation-name: fadeOutUp; + -moz-animation-name: fadeOutUp; + -o-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + } +} + +@-moz-keyframes fadeOutDown { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(20px); + } +} + +@-o-keyframes fadeOutDown { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(20px); + } +} + +.animated.fadeOutDown { + -webkit-animation-name: fadeOutDown; + -moz-animation-name: fadeOutDown; + -o-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + } +} + +@-moz-keyframes fadeOutLeft { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-20px); + } +} + +@-o-keyframes fadeOutLeft { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-20px); + } +} + +.animated.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + -moz-animation-name: fadeOutLeft; + -o-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + } +} + +@-moz-keyframes fadeOutRight { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(20px); + } +} + +@-o-keyframes fadeOutRight { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(20px); + } +} + +.animated.fadeOutRight { + -webkit-animation-name: fadeOutRight; + -moz-animation-name: fadeOutRight; + -o-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.animated.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + -moz-animation-name: fadeOutUpBig; + -o-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.animated.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + -moz-animation-name: fadeOutDownBig; + -o-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.animated.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + -moz-animation-name: fadeOutLeftBig; + -o-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} +@-moz-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} +@-o-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.animated.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + -moz-animation-name: fadeOutRightBig; + -o-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounceIn { + 0% { + opacity: 0; + -moz-transform: scale(.3); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.05); + } + + 70% { + -moz-transform: scale(.9); + } + + 100% { + -moz-transform: scale(1); + } +} + +@-o-keyframes bounceIn { + 0% { + opacity: 0; + -o-transform: scale(.3); + } + + 50% { + opacity: 1; + -o-transform: scale(1.05); + } + + 70% { + -o-transform: scale(.9); + } + + 100% { + -o-transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + transform: scale(.3); + } + + 50% { + opacity: 1; + transform: scale(1.05); + } + + 70% { + transform: scale(.9); + } + + 100% { + transform: scale(1); + } +} + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes slideInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes slideInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + -moz-animation-name: slideInDown; + -o-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes slideInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes slideInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + -moz-animation-name: slideInLeft; + -o-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes slideInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes slideInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + -moz-animation-name: slideInRight; + -o-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes slideOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes slideOutLeft { + 0% { + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + -moz-animation-name: slideOutLeft; + -o-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes slideOutRight { + 0% { + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes slideOutRight { + 0% { + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + -moz-animation-name: slideOutRight; + -o-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes slideOutUp { + 0% { + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes slideOutUp { + 0% { + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + -moz-animation-name: slideOutUp; + -o-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +.animated.bounceIn { + -webkit-animation-name: bounceIn; + -moz-animation-name: bounceIn; + -o-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} +@-moz-keyframes bounceInUp { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(-30px); + } + + 80% { + -moz-transform: translateY(10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInUp { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(-30px); + } + + 80% { + -o-transform: translateY(10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 60% { + opacity: 1; + transform: translateY(-30px); + } + + 80% { + transform: translateY(10px); + } + + 100% { + transform: translateY(0); + } +} + +.animated.bounceInUp { + -webkit-animation-name: bounceInUp; + -moz-animation-name: bounceInUp; + -o-animation-name: bounceInUp; + animation-name: bounceInUp; +} +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes bounceInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(30px); + } + + 80% { + -moz-transform: translateY(-10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(30px); + } + + 80% { + -o-transform: translateY(-10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + transform: translateY(30px); + } + + 80% { + transform: translateY(-10px); + } + + 100% { + transform: translateY(0); + } +} + +.animated.bounceInDown { + -webkit-animation-name: bounceInDown; + -moz-animation-name: bounceInDown; + -o-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(30px); + } + + 80% { + -moz-transform: translateX(-10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(30px); + } + + 80% { + -o-transform: translateX(-10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + transform: translateX(30px); + } + + 80% { + transform: translateX(-10px); + } + + 100% { + transform: translateX(0); + } +} + +.animated.bounceInLeft { + -webkit-animation-name: bounceInLeft; + -moz-animation-name: bounceInLeft; + -o-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(-30px); + } + + 80% { + -moz-transform: translateX(10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(-30px); + } + + 80% { + -o-transform: translateX(10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 60% { + opacity: 1; + transform: translateX(-30px); + } + + 80% { + transform: translateX(10px); + } + + 100% { + transform: translateX(0); + } +} + +.animated.bounceInRight { + -webkit-animation-name: bounceInRight; + -moz-animation-name: bounceInRight; + -o-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + } +} + +@-moz-keyframes bounceOut { + 0% { + -moz-transform: scale(1); + } + + 25% { + -moz-transform: scale(.95); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.1); + } + + 100% { + opacity: 0; + -moz-transform: scale(.3); + } +} + +@-o-keyframes bounceOut { + 0% { + -o-transform: scale(1); + } + + 25% { + -o-transform: scale(.95); + } + + 50% { + opacity: 1; + -o-transform: scale(1.1); + } + + 100% { + opacity: 0; + -o-transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + transform: scale(1); + } + + 25% { + transform: scale(.95); + } + + 50% { + opacity: 1; + transform: scale(1.1); + } + + 100% { + opacity: 0; + transform: scale(.3); + } +} + +.animated.bounceOut { + -webkit-animation-name: bounceOut; + -moz-animation-name: bounceOut; + -o-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes bounceOutUp { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes bounceOutUp { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(20px); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.animated.bounceOutUp { + -webkit-animation-name: bounceOutUp; + -moz-animation-name: bounceOutUp; + -o-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes bounceOutDown { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes bounceOutDown { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(-20px); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.animated.bounceOutDown { + -webkit-animation-name: bounceOutDown; + -moz-animation-name: bounceOutDown; + -o-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes bounceOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes bounceOutLeft { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(20px); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.animated.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + -moz-animation-name: bounceOutLeft; + -o-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes bounceOutRight { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes bounceOutRight { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(-20px); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.animated.bounceOutRight { + -webkit-animation-name: bounceOutRight; + -moz-animation-name: bounceOutRight; + -o-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } +} +@-moz-keyframes rotateIn { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } +} +@-o-keyframes rotateIn { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } +} +@keyframes rotateIn { + 0% { + transform-origin: center center; + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateIn { + -webkit-animation-name: rotateIn; + -moz-animation-name: rotateIn; + -o-animation-name: rotateIn; + animation-name: rotateIn; +} +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + -moz-animation-name: rotateInUpLeft; + -o-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + -moz-animation-name: rotateInDownLeft; + -o-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + -moz-animation-name: rotateInUpRight; + -o-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + -moz-animation-name: rotateInDownRight; + -o-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(200deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOut { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(200deg); + opacity: 0; + } +} + +@-o-keyframes rotateOut { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: center center; + transform: rotate(200deg); + opacity: 0; + } +} + +.animated.rotateOut { + -webkit-animation-name: rotateOut; + -moz-animation-name: rotateOut; + -o-animation-name: rotateOut; + animation-name: rotateOut; +} +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.animated.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + -moz-animation-name: rotateOutUpLeft; + -o-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.animated.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + -moz-animation-name: rotateOutDownLeft; + -o-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.animated.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + -moz-animation-name: rotateOutUpRight; + -o-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.animated.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + -moz-animation-name: rotateOutDownRight; + -o-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +@-webkit-keyframes hinge { + 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 100% { -webkit-transform: translateY(700px); opacity: 0; } +} + +@-moz-keyframes hinge { + 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 100% { -moz-transform: translateY(700px); opacity: 0; } +} + +@-o-keyframes hinge { + 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 100% { -o-transform: translateY(700px); opacity: 0; } +} + +@keyframes hinge { + 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } + 100% { transform: translateY(700px); opacity: 0; } +} + +.animated.hinge { + -webkit-animation-name: hinge; + -moz-animation-name: hinge; + -o-animation-name: hinge; + animation-name: hinge; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } +} + +@-moz-keyframes rollIn { + 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } +} + +@-o-keyframes rollIn { + 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } +} + +@keyframes rollIn { + 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } +} + +.animated.rollIn { + -webkit-animation-name: rollIn; + -moz-animation-name: rollIn; + -o-animation-name: rollIn; + animation-name: rollIn; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + } +} + +@-moz-keyframes rollOut { + 0% { + opacity: 1; + -moz-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -moz-transform: translateX(100%) rotate(120deg); + } +} + +@-o-keyframes rollOut { + 0% { + opacity: 1; + -o-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -o-transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + transform: translateX(100%) rotate(120deg); + } +} + +.animated.rollOut { + -webkit-animation-name: rollOut; + -moz-animation-name: rollOut; + -o-animation-name: rollOut; + animation-name: rollOut; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes lightSpeedIn { + 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-moz-keyframes lightSpeedIn { + 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-o-keyframes lightSpeedIn { + 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@keyframes lightSpeedIn { + 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +.animated.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + -moz-animation-name: lightSpeedIn; + -o-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +.animated.lightSpeedIn { + -webkit-animation-duration: 0.5s; + -moz-animation-duration: 0.5s; + -o-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes lightSpeedOut { + 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-moz-keyframes lightSpeedOut { + 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-o-keyframes lightSpeedOut { + 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@keyframes lightSpeedOut { + 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +.animated.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + -moz-animation-name: lightSpeedOut; + -o-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +.animated.lightSpeedOut { + -webkit-animation-duration: 0.25s; + -moz-animation-duration: 0.25s; + -o-animation-duration: 0.25s; + animation-duration: 0.25s; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} + +.fade.in { + opacity: 1; +} + +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } +} +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} + +.icon-spin { + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +/* Boilerplate */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden] { + display: none; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +a:focus { + outline: thin dotted; +} + +a:active, +a:hover { + outline: 0; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +hr { + height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +mark { + color: #000; + background: #ff0; +} + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +pre { + white-space: pre-wrap; +} + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +fieldset { + padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid #c0c0c0; +} + +legend { + padding: 0; + border: 0; +} + +button, +input, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: 100%; +} + +button, +input { + line-height: normal; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} + +button[disabled] { + cursor: default; +} + +input[type="checkbox"], +input[type="radio"] { + padding: 0; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} + +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 2cm .5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + + .jGrowl { display: none; } +} + +small { + font-size: 85%; +} + +a { + text-decoration: none; +} + +p { + margin: 0; +} + +ul, li, ol { + margin: 0; + padding: 0; + list-style: none; +} + +a, a:visited, a:focus, a:active, *:visited, *:focus, *:active { + outline: none; +} + +button, input[type="reset"], input[type="button"], input[type="submit"] { + line-height:normal !important; +} + +html { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + /* Border Radius */ + + /* 2px */ + +.radius-all-2 { + border-radius:2px !important; +} + +.radius-top-left-2 { + border-top-left-radius: 2px !important; +} + +.radius-top-right-2 { + border-top-right-radius:2px !important; +} + +.radius-bottom-right-2 { + border-bottom-right-radius:2px !important; +} + +.radius-bottom-left-2 { + border-bottom-left-radius:2px !important; +} + +.radius-top-all-2 { + border-top-left-radius:2px !important; + border-top-right-radius:2px !important; +} + +.radius-bottom-all-2 { + border-bottom-left-radius:2px !important; + border-bottom-right-radius:2px !important; +} + +.radius-right-all-2 { + border-top-right-radius:2px !important; + border-bottom-right-radius:2px !important; +} + +.radius-left-all-2 { + border-top-left-radius:2px !important; + border-bottom-left-radius:2px !important; +} + + /* 4px */ + +.radius-all-4 { + border-radius:4px !important; +} + +.radius-top-left-4 { + border-top-left-radius: 4px !important; +} + +.radius-top-right-4 { + border-top-right-radius:4px !important; +} + +.radius-bottom-right-4 { + border-bottom-right-radius:4px !important; +} + +.radius-bottom-left-4 { + border-bottom-left-radius:4px !important; +} + +.radius-top-all-4 { + border-top-left-radius:4px !important; + border-top-right-radius:4px !important; +} + +.radius-bottom-all-4 { + border-bottom-left-radius:4px !important; + border-bottom-right-radius:4px !important; +} + +.radius-right-all-4 { + border-top-right-radius:4px !important; + border-bottom-right-radius:4px !important; +} + +.radius-left-all-4 { + border-top-left-radius:4px !important; + border-bottom-left-radius:4px !important; +} + + /* 6px */ + +.radius-all-6 { + border-radius:6px !important; +} + +.radius-top-left-6 { + border-top-left-radius: 6px !important; +} + +.radius-top-right-6 { + border-top-right-radius:6px !important; +} + +.radius-bottom-right-6 { + border-bottom-right-radius:6px !important; +} + +.radius-bottom-left-6 { + border-bottom-left-radius:6px !important; +} + +.radius-top-all-6 { + border-top-left-radius:6px !important; + border-top-right-radius:6px !important; +} + +.radius-bottom-all-6 { + border-bottom-left-radius:6px !important; + border-bottom-right-radius:6px !important; +} + +.radius-right-all-6 { + border-top-right-radius:6px !important; + border-bottom-right-radius:6px !important; +} + +.radius-left-all-6 { + border-top-left-radius:6px !important; + border-bottom-left-radius:6px !important; +} + + /* 8px */ + +.radius-all-8 { + border-radius:8px !important; +} + +.radius-top-left-8 { + border-top-left-radius: 8px !important; +} + +.radius-top-right-8 { + border-top-right-radius:8px !important; +} + +.radius-bottom-right-8 { + border-bottom-right-radius:8px !important; +} + +.radius-bottom-left-8 { + border-bottom-left-radius:8px !important; +} + +.radius-top-all-8 { + border-top-left-radius:8px !important; + border-top-right-radius:8px !important; +} + +.radius-bottom-all-8 { + border-bottom-left-radius:8px !important; + border-bottom-right-radius:8px !important; +} + +.radius-right-all-8 { + border-top-right-radius:8px !important; + border-bottom-right-radius:8px !important; +} + +.radius-left-all-8 { + border-top-left-radius:8px !important; + border-bottom-left-radius:8px !important; +} + + /* 10px */ + +.radius-all-10 { + border-radius:10px !important; +} + +.radius-top-left-10 { + border-top-left-radius: 10px !important; +} + +.radius-top-right-10 { + border-top-right-radius:10px !important; +} + +.radius-bottom-right-10 { + border-bottom-right-radius:10px !important; +} + +.radius-bottom-left-10 { + border-bottom-left-radius:10px !important; +} + +.radius-top-all-10 { + border-top-left-radius:10px !important; + border-top-right-radius:10px !important; +} + +.radius-bottom-all-10 { + border-bottom-left-radius:10px !important; + border-bottom-right-radius:10px !important; +} + +.radius-right-all-10 { + border-top-right-radius:10px !important; + border-bottom-right-radius:10px !important; +} + +.radius-left-all-10 { + border-top-left-radius:10px !important; + border-bottom-left-radius:10px !important; +} + + /* 100px */ + +.radius-all-100 { + border-radius:100px !important; +} + +.radius-top-left-100 { + border-top-left-radius: 100px !important; +} + +.radius-top-right-100 { + border-top-right-radius:100px !important; +} + +.radius-bottom-right-100 { + border-bottom-right-radius:100px !important; +} + +.radius-bottom-left-100 { + border-bottom-left-radius:100px !important; +} + +.radius-top-all-100 { + border-top-left-radius:100px !important; + border-top-right-radius:100px !important; +} + +.radius-bottom-all-100 { + border-bottom-left-radius:100px !important; + border-bottom-right-radius:100px !important; +} + +.radius-right-all-100 { + border-top-right-radius:100px !important; + border-bottom-right-radius:100px !important; +} + +.radius-left-all-100 { + border-top-left-radius:100px !important; + border-bottom-left-radius:100px !important; +} + + /* 0px */ + +.radius-all-0 { + border-radius:0px !important; +} + +.radius-top-left-0 { + border-top-left-radius: 0px !important; +} + +.radius-top-right-0 { + border-top-right-radius:0px !important; +} + +.radius-bottom-right-0 { + border-bottom-right-radius:0px !important; +} + +.radius-bottom-left-0 { + border-bottom-left-radius:0px !important; +} + +.radius-top-all-0 { + border-top-left-radius:0px !important; + border-top-right-radius:0px !important; +} + +.radius-bottom-all-0 { + border-bottom-left-radius:0px !important; + border-bottom-right-radius:0px !important; +} + +.radius-right-all-0 { + border-top-right-radius:0px !important; + border-bottom-right-radius:0px !important; +} + +.radius-left-all-0 { + border-top-left-radius:0px !important; + border-bottom-left-radius:0px !important; +} + + /* Font Colors */ + +.font-black { + color:#464646 !important; +} + +.font-blue { + color:#1f6dca !important; +} + +.font-blue-alt { + color:#65A6FF !important; +} + +.font-azure { + color:#41E5C0 !important; +} + +.font-gray { + color:#c2c2c2 !important; +} + +.font-gray-dark { + color:#828282 !important; +} + +.font-green { + color:#9CD159 !important; +} + +.font-orange { + color:#FA7753 !important; +} + +.font-yellow { + color:#ffcc00 !important; +} + +.font-purple { + color:#984DFF !important; +} + +.font-red, +.parsley-error-list { + color:#FF5757 !important; +} + +.font-white { + color:#fff !important; +} + + /* Border Colors */ + +.border-black { + border-color: #464646 !important; +} + +.border-blue { + border-color: #1f6dca !important; +} + +.border-blue-alt { + border-color: #65A6FF !important; +} + +.border-azure { + border-color: #41E5C0 !important; +} + +.border-gray { + border-color: #c2c2c2 !important; +} + +.border-gray-dark { + border-color: #828282 !important; +} + +.border-green { + border-color: #9CD159 !important; +} + +.border-orange { + border-color: #FA7753 !important; +} + +.border-yellow { + border-color: #ffcc00 !important; +} + +.border-purple { + border-color: #984DFF !important; +} + +.border-red { + border-color: #FF5757 !important; +} + + /* Box Shadow Colors */ + +.parsley-success { + border-color: #77e038 !important; +} + +.parsley-error { + border-color: #e03838 !important; +} + + /* Other Background Colors */ + +.info-bg { + background: #e5e5e5; + border-color: #c9c9c9; + color: #6c6c6c; +} + +.info-bg a, +.infobox.bg-gray a { + color: #5d5d5d; +} + +.notice-bg { + background: #c6e8ff; + border-color: #62baf6; + color: #0f2c62; +} + +.notice-bg a, +.infobox.bg-blue a { + color: #003960; +} + +.success-bg, +.parsley-success { + background: #d3ffc6; + border-color: #7cd362; + color: #1e620f; +} + +.parsley-success { + background: #f2fff2; +} + +.success-bg a, +.infobox.bg-green a { + color: #166100; +} + +.warning-bg { + background: #ffeec6; + border-color: #ebc875; + color: #624b0f; +} + +.warning-bg a, +.infobox.bg-orange a { + color: #5a3f00; +} + +.error-bg, +.parsley-error { + background: #ffc6c6; + border-color: #db6a6a; + color: #620f0f; +} + +.error-bg a, +.infobox.bg-red a { + color: #590000; +} + +.parsley-error { + background: #fff2f2; +} + + +.nicescroll-rails { + z-index: 2000 !important; +} + +.infobox p { + -moz-opacity:0.85; + filter:alpha(opacity:85); + opacity:0.85; +} + +.medium i.glyph-icon { + font-size: 13px; +} + + /* Social buttons */ + +.bg-facebook { + background: #3B5998; + color: #fff; +} + +.bg-twitter { + background: #3A92C8; + color: #fff; +} + +.bg-google { + background: #DD4B39; + color: #fff; +} + + /* Background Colors */ + +.hover-blue:hover, +.bg-blue { + color: #fff; + background: #5bccf6; +} + +.hover-red:hover, +.bg-red { + color: #fff; + background: #ff5757; +} + +.hover-gray:hover, +.bg-gray { + background: #efefef; +} + +.hover-gray-alt, +.bg-gray-alt { + background: #dedede; +} + +.btn.hover-gray:hover, +.btn.hover-gray-alt:hover { + color: #000; +} + +.hover-black:hover, +.bg-black { + color: #ccc; + background: #212121; +} + +.hover-green:hover, +.bg-green { + color: #fff; + background: #9cd159; +} + +.btn.bg-white.hover-orange:hover, +.hover-orange:hover, +.bg-orange { + color: #fff; + background: #fa7753; +} + +.bg-white { + background: #fff; +} + +.btn.bg-white:hover { + color: #666; +} + +.hover-white:hover { + background: #fafafa; +} + +.btn.hover-white:hover { + color: #666; +} + +.hover-yellow:hover, +.bg-yellow { + color: #fff; + background: #ffcc00; +} + +.hover-purple:hover, +.bg-purple { + color: #fff; + background: #984dff; +} + +.hover-blue-alt:hover, +.bg-blue-alt { + color: #fff; + background: #65a6ff; +} + +.hover-azure:hover, +.bg-azure { + color: #fff; + background: #41e5c0; +} + + + /* Source code example box */ + +.example-box { + position: relative; + padding-top: 55px; +} + +.example-code { + padding: 0; +} + +.source-btn { + padding: 10px; + background: #fafafa; + margin: 35px 0 0; + border-top: #ccc solid 2px; + text-align: center; +} + +.source-btn a.btn { + text-transform: uppercase; + font-weight: bold; + font-size: 10px; +} + +.toggle-content .syntaxhighlighter { + border: #ddd solid 1px; + background-color: #FFF !important; + padding-top: 10px !important; + margin-bottom: 0 !important; + padding-bottom: 10px; +} + +.example-box .example-code .button-group-vertical .btn { + margin-bottom: 0; +} + +.example-box:after { + content: "Example:"; + position: absolute; + top: 0; + left: 0; + font-size: 13px; + font-weight: normal; + color: #ccc; + letter-spacing: 1px; + text-transform: uppercase; + padding: 0 0 5px; + width: 100%; + border-bottom: #ccc solid 2px; +} + +.demo-example .example-box { + padding-top: 25px; + margin-bottom: 30px; + border-top: #ccc solid 1px; +} + +.demo-example .example-box:after { + content: ""; + border: 0; + border-top: 0; + padding-top: 0; +} + + /* Grids */ + +.row, +.form-row { + margin-right: -15px; + margin-left: -15px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.row:before, +.row:after, +.form-row:before, +.form-row:after { + display: table; + content: " "; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.row:after, +.form-row:after { + clear: both; +} + +.row:after, +.form-row:after { + clear: both; +} + +[class*="col-"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11, +.col-xs-12, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-md-1, +.col-md-2, +.col-md-3, +.col-md-4, +.col-md-5, +.col-md-6, +.col-md-7, +.col-md-8, +.col-md-9, +.col-md-10, +.col-md-11, +.col-md-12, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-top: 50px; + padding-bottom: 50px; + padding-right: 30px; + padding-left: 30px; +} + +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11 { + float: left; +} + +.col-xs-1 { + width: 8.333333333333332%; +} + +.col-xs-2 { + width: 16.666666666666664%; +} + +.col-xs-3 { + width: 25%; +} + +.col-xs-4 { + width: 33.33333333333333%; +} + +.col-xs-5 { + width: 41.66666666666667%; +} + +.col-xs-6 { + width: 50%; +} + +.col-xs-7 { + width: 58.333333333333336%; +} + +.col-xs-8 { + width: 66.66666666666666%; +} + +.col-xs-9 { + width: 75%; +} + +.col-xs-10 { + width: 83.33333333333334%; +} + +.col-xs-11 { + width: 91.66666666666666%; +} + +.col-xs-12 { + width: 100%; +} + +@media (min-width: 768px) { + .container { + max-width: 750px; + } + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11 { + float: left; + } + .col-sm-1 { + width: 8.333333333333332%; + } + .col-sm-2 { + width: 16.666666666666664%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-4 { + width: 33.33333333333333%; + } + .col-sm-5 { + width: 41.66666666666667%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-7 { + width: 58.333333333333336%; + } + .col-sm-8 { + width: 66.66666666666666%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-10 { + width: 83.33333333333334%; + } + .col-sm-11 { + width: 91.66666666666666%; + } + .col-sm-12 { + width: 100%; + } + .col-sm-push-1 { + left: 8.333333333333332%; + } + .col-sm-push-2 { + left: 16.666666666666664%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-4 { + left: 33.33333333333333%; + } + .col-sm-push-5 { + left: 41.66666666666667%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-7 { + left: 58.333333333333336%; + } + .col-sm-push-8 { + left: 66.66666666666666%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-10 { + left: 83.33333333333334%; + } + .col-sm-push-11 { + left: 91.66666666666666%; + } + .col-sm-pull-1 { + right: 8.333333333333332%; + } + .col-sm-pull-2 { + right: 16.666666666666664%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-4 { + right: 33.33333333333333%; + } + .col-sm-pull-5 { + right: 41.66666666666667%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-7 { + right: 58.333333333333336%; + } + .col-sm-pull-8 { + right: 66.66666666666666%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-10 { + right: 83.33333333333334%; + } + .col-sm-pull-11 { + right: 91.66666666666666%; + } + .col-sm-offset-1 { + margin-left: 8.333333333333332%; + } + .col-sm-offset-2 { + margin-left: 16.666666666666664%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-4 { + margin-left: 33.33333333333333%; + } + .col-sm-offset-5 { + margin-left: 41.66666666666667%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-7 { + margin-left: 58.333333333333336%; + } + .col-sm-offset-8 { + margin-left: 66.66666666666666%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-10 { + margin-left: 83.33333333333334%; + } + .col-sm-offset-11 { + margin-left: 91.66666666666666%; + } +} + +@media (min-width: 992px) { + .container { + max-width: 970px; + } + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11 { + float: left; + } + .col-md-1 { + width: 8.333333333333332%; + } + .col-md-2 { + width: 16.666666666666664%; + } + .col-md-3 { + width: 25%; + } + .col-md-4 { + width: 33.33333333333333%; + } + .col-md-5 { + width: 41.66666666666667%; + } + .col-md-6 { + width: 50%; + } + .col-md-7 { + width: 58.333333333333336%; + } + .col-md-8 { + width: 66.66666666666666%; + } + .col-md-9 { + width: 75%; + } + .col-md-10 { + width: 83.33333333333334%; + } + .col-md-11 { + width: 91.66666666666666%; + } + .col-md-12 { + width: 100%; + } + .col-md-push-0 { + left: auto; + } + .col-md-push-1 { + left: 8.333333333333332%; + } + .col-md-push-2 { + left: 16.666666666666664%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-4 { + left: 33.33333333333333%; + } + .col-md-push-5 { + left: 41.66666666666667%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-7 { + left: 58.333333333333336%; + } + .col-md-push-8 { + left: 66.66666666666666%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-10 { + left: 83.33333333333334%; + } + .col-md-push-11 { + left: 91.66666666666666%; + } + .col-md-pull-0 { + right: auto; + } + .col-md-pull-1 { + right: 8.333333333333332%; + } + .col-md-pull-2 { + right: 16.666666666666664%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-4 { + right: 33.33333333333333%; + } + .col-md-pull-5 { + right: 41.66666666666667%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-7 { + right: 58.333333333333336%; + } + .col-md-pull-8 { + right: 66.66666666666666%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-10 { + right: 83.33333333333334%; + } + .col-md-pull-11 { + right: 91.66666666666666%; + } + .col-md-offset-0 { + margin-left: 0; + } + .col-md-offset-1 { + margin-left: 8.333333333333332%; + } + .col-md-offset-2 { + margin-left: 16.666666666666664%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-4 { + margin-left: 33.33333333333333%; + } + .col-md-offset-5 { + margin-left: 41.66666666666667%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-7 { + margin-left: 58.333333333333336%; + } + .col-md-offset-8 { + margin-left: 66.66666666666666%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-10 { + margin-left: 83.33333333333334%; + } + .col-md-offset-11 { + margin-left: 91.66666666666666%; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1170px; + } + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11 { + float: left; + } + .col-lg-1 { + width: 8.333333333333332%; + } + .col-lg-2 { + width: 16.666666666666664%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-4 { + width: 33.33333333333333%; + } + .col-lg-5 { + width: 41.66666666666667%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-7 { + width: 58.333333333333336%; + } + .col-lg-8 { + width: 66.66666666666666%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-10 { + width: 83.33333333333334%; + } + .col-lg-11 { + width: 91.66666666666666%; + } + .col-lg-12 { + width: 100%; + } + .col-lg-push-0 { + left: auto; + } + .col-lg-push-1 { + left: 8.333333333333332%; + } + .col-lg-push-2 { + left: 16.666666666666664%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-4 { + left: 33.33333333333333%; + } + .col-lg-push-5 { + left: 41.66666666666667%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-7 { + left: 58.333333333333336%; + } + .col-lg-push-8 { + left: 66.66666666666666%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-10 { + left: 83.33333333333334%; + } + .col-lg-push-11 { + left: 91.66666666666666%; + } + .col-lg-pull-0 { + right: auto; + } + .col-lg-pull-1 { + right: 8.333333333333332%; + } + .col-lg-pull-2 { + right: 16.666666666666664%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-4 { + right: 33.33333333333333%; + } + .col-lg-pull-5 { + right: 41.66666666666667%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-7 { + right: 58.333333333333336%; + } + .col-lg-pull-8 { + right: 66.66666666666666%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-10 { + right: 83.33333333333334%; + } + .col-lg-pull-11 { + right: 91.66666666666666%; + } + .col-lg-offset-0 { + margin-left: 0; + } + .col-lg-offset-1 { + margin-left: 8.333333333333332%; + } + .col-lg-offset-2 { + margin-left: 16.666666666666664%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-4 { + margin-left: 33.33333333333333%; + } + .col-lg-offset-5 { + margin-left: 41.66666666666667%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-7 { + margin-left: 58.333333333333336%; + } + .col-lg-offset-8 { + margin-left: 66.66666666666666%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-10 { + margin-left: 83.33333333333334%; + } + .col-lg-offset-11 { + margin-left: 91.66666666666666%; + } +} + + /* Responsive elements */ + +@media (max-width: 1050px) { + + /* Information Boxes */ + + .info-box.icon-wrapper { + padding-left: 50px; + } + + .info-box.icon-wrapper .icon-big { + font-size: 70px; + } + + .info-box .stats { + font-size: 20px; + } + + .info-box b { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + +} + +@media screen and (max-width: 650px) { + + .mobile-hidden { + display: none !important; + } + + #page-content, + .ui-tabs-panel, + .ui-accordion-content { + padding: 10px !important; + } + + .example-box .example-code>.btn, + .example-box .example-code .tabs, + .example-box .example-code .minicolors-inline .minicolors-panel, + .example-box .example-code .content-box, + .example-box .example-code .table, + .example-box .example-code .badge, + .example-box .example-code .label, + .example-box .example-code .button-group, + .example-box .example-code .info-box { + margin-bottom: 10px !important; + } + + .mobile-buttons a.btn { + min-width: 1px; + max-width: 100%; + display: block; + float: none; + margin: 0 0 5px; + } + + .heading-1 .heading-content { + width: 80%; + + } + + .heading-1 small { + overflow: hidden; + text-overflow: ellipsis; + } + + .content-box .content-box-wrapper { + padding: 5px; + } + + .popover { + min-width: 100px !important; + } + + .medium-box, + .scrollable-small { + width: 300px !important; + } + + /* Chats */ + + .chat-box li { + padding-right: 50px; + } + + .chat-box li.float-left { + padding-left: 50px; + } + + .chat-box .popover .popover-content { + padding: 5px; + font-size: 11px; + line-height: 1.5em; + } + + .chat-box .chat-author img { + min-width: 34px; + width: 34px; + } + + /* Notifications */ + + .notifications-box li .notification-text { + width: 44%; + overflow: hidden; + text-overflow: ellipsis; + display: block; + white-space: nowrap; + } + + .notifications-box li .notification-time { + margin: 0; + } + + /* Messages */ + + .messages-box li .messages-text { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + } + +} + /* Size */ + + /* Small */ + +.small, +.small .icon-separator { + height: 22px; + min-width: 22px; + line-height: 22px; +} + +.small.icon-separator-vertical { + width: 22px; +} + +.small .button-content { + padding: 0 10px; + font-size: 11px; +} + +.small i.glyph-icon { + font-size: 13px; +} + + /* Medium */ + +.medium, +.medium .icon-separator { + height: 28px; + min-width: 28px; + line-height: 28px; +} + +.medium.icon-separator-vertical { + width: 28px; +} + +.medium .button-content { + padding: 0 10px; + font-size: 13px; +} + +.medium i.glyph-icon { + font-size: 16px; +} + + /* Large */ + +.large, .large .icon-separator { + height: 34px; + min-width: 34px; + line-height: 34px; +} + +.large.icon-separator-vertical { + width: 34px; +} + +.large .button-content { + padding: 0 15px; + font-size: 15px; +} + +.large i.glyph-icon { + font-size: 19px; +} + + /* Exra Large */ + +.x-large, .x-large .icon-separator { + height: 40px; + min-width: 40px; + line-height: 40px; +} + +.x-large.icon-separator-vertical { + width: 40px; +} + +.x-large .button-content { + padding: 0 20px; + font-size: 17px; +} + +.x-large i.glyph-icon { + font-size: 22px; +} + /* Paddings */ + +.pad5A{padding:5px !important;} +.pad5T{padding-top:5px !important;} +.pad5R{padding-right:5px !important;} +.pad5B{padding-bottom:5px !important;} +.pad5L{padding-left:5px !important;} + +.pad10A{padding:10px !important;} +.pad10T{padding-top:10px !important;} +.pad10R{padding-right:10px !important;} +.pad10B{padding-bottom:10px !important;} +.pad10L{padding-left:10px !important;} + +.pad15A{padding:15px !important;} +.pad15T{padding-top:15px !important;} +.pad15R{padding-right:15px !important;} +.pad15B{padding-bottom:15px !important;} +.pad15L{padding-left:15px !important;} + +.pad20A{padding:20px !important;} +.pad20T{padding-top:20px !important;} +.pad20R{padding-right:20px !important;} +.pad20B{padding-bottom:20px !important;} +.pad20L{padding-left:20px !important;} + +.pad25A{padding:25px !important;} +.pad25T{padding-top:25px !important;} +.pad25R{padding-right:25px !important;} +.pad25B{padding-bottom:25px !important;} +.pad25L{padding-left:25px !important;} + + /* Remove paddings */ + +.pad0A{padding:0 !important;} +.pad0T{padding-top:0 !important;} +.pad0R{padding-right:0 !important;} +.pad0B{padding-bottom:0 !important;} +.pad0L{padding-left:0 !important;} + + /* Margins */ + +.mrg5A{margin:5px !important;} +.mrg5T{margin-top:5px !important;} +.mrg5R{margin-right:5px !important;} +.mrg5B{margin-bottom:5px !important;} +.mrg5L{margin-left:5px !important;} + +.mrg10A{margin:10px !important;} +.mrg10T{margin-top:10px !important;} +.mrg10R{margin-right:10px !important;} +.mrg10B{margin-bottom:10px !important;} +.mrg10L{margin-left:10px !important;} + +.mrg15A{margin:15px !important;} +.mrg15T{margin-top:15px !important;} +.mrg15R{margin-right:15px !important;} +.mrg15B{margin-bottom:15px !important;} +.mrg15L{margin-left:15px !important;} + +.mrg20A{margin:20px !important;} +.mrg20T{margin-top:20px !important;} +.mrg20R{margin-right:20px !important;} +.mrg20B{margin-bottom:20px !important;} +.mrg20L{margin-left:20px !important;} + +.mrg25A{margin:25px !important;} +.mrg25T{margin-top:25px !important;} +.mrg25R{margin-right:25px !important;} +.mrg25B{margin-bottom:25px !important;} +.mrg25L{margin-left:25px !important;} + + /* Remove margins */ + +.mrg0A{margin:0 !important;} +.mrg0T{margin-top:0 !important;} +.mrg0R{margin-right:0 !important;} +.mrg0B{margin-bottom:0 !important;} +.mrg0L{margin-left:0 !important;} + /* Floats */ + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-none { + float: none !important; +} + + /* Font Size */ + +.font-size-10 { + font-size: 10px !important; +} + +.font-size-11 { + font-size: 11px !important; +} + +.font-size-12 { + font-size: 12px !important; +} + +.font-size-13 { + font-size: 13px !important; +} + +.font-size-14 { + font-size: 14px !important; +} + +.font-size-15 { + font-size: 15px !important; +} + +.font-size-16 { + font-size: 16px !important; +} + +.font-size-17 { + font-size: 17px !important; +} + +.font-size-18 { + font-size: 18px !important; +} + +.font-size-20 { + font-size: 20px !important; +} + +.font-size-23 { + font-size: 23px !important; +} + +.font-size-28 { + font-size: 28px !important; +} + +.font-size-35 { + font-size: 35px !important; +} + + /* Text */ + +.text-center { + text-align: center; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right; +} + +.text-justify { + text-align: justify; +} + + /* Text Transform */ + +.text-transform-none { + text-transform: none; +} + +.text-transform-upr { + text-transform: uppercase; +} + +.text-transform-low { + text-transform: lowercase; +} + +.text-transform-cap { + text-transform: capitalize; +} + +.text-no-wrap { + white-space: nowrap; +} + + /* Font Weight */ + +.font-bold { + font-weight: bold; +} + +.font-normal { + font-weight: normal; +} + + /* Font Style */ + +.font-italic { + font-style: italic; +} + +.font-none { + font-style: none; +} + + /* Other */ + +.clear { + clear: both; +} + +.clear-none { + clear: none !important; +} + +.ui-front { + z-index: 100; +} + +#loading { + z-index: 2000; +} + +.hide { + display: none; +} + +.hidden, +.ui-helper-hidden-accessible { + display: none !important; +} + +.display-block { + display: block !important; + position: relative !important; +} + +.display-block .button-content { + float: none; +} + +.display-block.dropdown-menu { + position: static; +} + +.no-border { + border-color: transparent !important; +} + +.remove-border, +.dropdown-menu.pad0A .hasDatepicker .ui-datepicker { + border: 0 !important; +} + +.border-top { + border-top-style: solid; + border-top-width: 1px; +} + +.center-margin { + margin: 0 auto; + float: none !important; +} + +.center-div { + margin-left: auto !important; + margin-right: auto !important; + float: none !important; + text-align: center !important +} + +.divider { + height: 1px; + padding: 0; + margin: 10px 0; + overflow: hidden; + background-color: #ddd; + border-bottom: 1px solid #fff; +} + +.width-reset { + width: auto !important; +} + +.border-top { + border-top-style: solid; + border-top-width: 3px; +} + +.width-100 { + width: 100%; + box-sizing: border-box; +} + +.opacity-30, +.info-box b, +.info-box.icon-wrapper .icon-big { + -moz-opacity:0.30; + filter:alpha(opacity:30); + opacity:0.30; +} + +.opacity-60, +.info-box b, +.label-description span { + -moz-opacity:0.60; + filter:alpha(opacity:60); + opacity:0.60; +} + +.opacity-80, +.no-shadow.transparent.btn:hover i, +.ui-datepicker-current.ui-priority-secondary { + -moz-opacity:0.80; + filter:alpha(opacity:80); + opacity:0.80; +} + +.opacity-100 { + -moz-opacity:1 !important; + filter:alpha(opacity:100) !important; + opacity:1 !important; +} + +.transparent { + background: none !important; + border-color: transparent !important; + box-shadow: 0 0 0 0 transparent !important; +} + +.loader img { + left: 50%; + top: 50%; + margin: -27px 0 0 -27px; + position: absolute; +} + +.tl-row:before, .tl-row:after, +.clearfix:before, .clearfix:after, +.info-box:before, .info-box:after, +.button-pane:before, .button-pane:after, +.form-input-prepend:before, .form-input-prepend:after, +.form-row:before, .form-row:after, +.button-group:before, .button-group:after, +.ui-helper-clearfix:before, .ui-helper-clearfix:after, +.chat-box li:before, .chat-box li:after, +.notifications-box li:before, .notifications-box li:after, +.messages-box li:before, .messages-box li:after { content: ""; display: table; } + +.tl-row:after, +.clearfix:after, +.info-box:after, +.button-pane:after, +.form-input-prepend:after, +.form-row:after, +.button-group:after, +.ui-helper-clearfix:after, +.chat-box li:after, +.notifications-box li:after, +.messages-box li:after { clear: both; } + + /* Sortable placehoder */ + +.ui-sortable-placeholder { + border: 1px dashed #efda2c !important; + visibility: visible !important; + background: #fffce5 !important; +} + + /* Disabled */ + +.ui-state-disabled, +.disabled, +button[disabled], +.chosen-disabled { + cursor: not-allowed !important; + -moz-opacity:0.70; + filter:alpha(opacity:70); + opacity:0.70; +} + +input[disabled], select[disabled], textarea[disabled], +.checker.disabled, .checker.disabled span, +.radio.disabled, .radio.disabled span { + background: #fafafa; + -moz-opacity:0.70; + filter:alpha(opacity:70); + opacity:0.70; + cursor: not-allowed; +} + +.chosen-container.chosen-disabled .chosen-single, +.chosen-disabled .chosen-choices .search-field input, +.chosen-disabled .chosen-choices { + cursor: not-allowed !important; +} + +input[readonly], select[readonly], textarea[readonly] { + background: #fdfdfd; + -moz-opacity:0.80; + filter:alpha(opacity:80); + opacity:0.80; +} + +.login-img { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 91; +} + + /* Resets */ + +.no-shadow, .bg-white, .btn.no-shadow, +.vertical-button .icon-separator, +button.btn.bg-white:hover, +button.btn.bg-white:active, +a.btn.no-shadow:hover, button.btn.no-shadow:hover, +a.btn.no-shadow:active, button.btn.no-shadow:active, +.form-input input[type="checkbox"], +.form-input input[type="radio"], +.no-shadow > .ui-datepicker { + -moz-box-shadow: 0 0 0 0 transparent !important; + -webkit-box-shadow: 0 0 0 0 transparent !important; + box-shadow: 0 0 0 0 transparent !important; +} + /* Pie gauge */ + +.easyPieChart { + position: relative; + text-align: center; +} + +.easyPieChart canvas { + position: absolute; + top: 0; + left: 0; +} + + /* Morris charts */ + +.chart, +.chart-alt, +.chart-alt-1, +.chart-alt-2 { + text-align: center; + font-weight: bold; + margin: 0 auto; +} + + /* Flot charts */ + +.chart-wrapper { + width: 100%; + height: 350px; +} + +.chart-container { + width: 100%; + height: 100%; + font-size: 14px; + line-height: 1.2em; +} + + /* Morris charts */ + +.morris-hover { + position:absolute; + z-index:1000; +} + +.morris-hover.morris-default-style { + border-radius:10px; + padding:6px; + color:#666; + background:rgba(255, 255, 255, 0.8); + border:solid 2px rgba(230, 230, 230, 0.8); + font-family:sans-serif; + font-size:12px; + text-align:center; +} + +.morris-hover.morris-default-style .morris-hover-row-label{ + font-weight:bold; + margin:0.25em 0; +} + +.morris-hover.morris-default-style .morris-hover-point{ + white-space:nowrap; + margin:0.1em 0; +} + + /* Gauges */ + +.x-small-gauge { + width: 90px; + height: 70px; + margin: 0 auto; +} + +.small-gauge { + width: 130px; + height: 100px; + margin: 0 auto; +} + +.medium-gauge { + width: 170px; + height: 120px; + margin: 0 auto; +} + +.large-gauge { + width: 240px; + height: 150px; + margin: 0 auto; +} + +.x-large-gauge { + width: 340px; + height: 180px; + margin: 0 auto; +} + /* Colorpicker */ + +.minicolors { + position: relative; + z-index: 1; + display: block; +} + +.minicolors-focus { + z-index: 2; +} + +.minicolors-hidden { + position: absolute; + left: -9999em; +} + +.minicolors-input { + padding-left: 32px !important; +} + +.minicolors-swatch { + position: absolute; + left: 4px; + top: 4px; + width: 24px; + height: 24px; + text-align: left; + z-index: 5; + background: url(/openoui/login/image/colorpicker.png) -80px 0; +} + +.minicolors-swatch span { + position: absolute; + width: 100%; + height: 100%; + background: none; + box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1); + display: inline-block; +} + +.minicolors-panel { + position: absolute; + top: 40px; + left: 0; + width: 180px; + height: 152px; + display: none; +} + +.minicolors-position-right .minicolors-panel { + left: auto; + right: 0; +} + +.minicolors-position-top .minicolors-panel { + top: auto; + bottom: 37px; +} + +.minicolors-position-left .minicolors-panel { + left: 0; + right: auto; +} + +.minicolors-with-opacity .minicolors-panel { + width: 207px; +} + +.minicolors .minicolors-grid { + position: absolute; + top: 6px; + left: 6px; + width: 150px; + height: 150px; + background: url(/openoui/login/image/colorpicker.png) -120px 0; + cursor: crosshair; +} + +.minicolors .minicolors-grid-inner { + position: absolute; + top: 0; + left: 0; + width: 150px; + height: 150px; + background: none; +} + +.minicolors-slider-saturation .minicolors-grid { + background-position: -420px 0; +} + +.minicolors-slider-saturation .minicolors-grid-inner { + background: url(/openoui/login/image/colorpicker.png) -270px 0; +} + +.minicolors-slider-brightness .minicolors-grid { + background-position: -570px 0; +} + +.minicolors-slider-brightness .minicolors-grid-inner { + background: black; +} + +.minicolors-slider-wheel .minicolors-grid { + background-position: -720px 0; +} + +.minicolors-slider, +.minicolors-opacity-slider { + position: absolute; + top: 6px; + left: 163px; + width: 20px; + height: 150px; + background: white url(/openoui/login/image/colorpicker.png) 0 0; + cursor: crosshair; +} + +.minicolors-slider-saturation .minicolors-slider { + background-position: -60px 0; +} + +.minicolors-slider-brightness .minicolors-slider { + background-position: -20px 0; +} + +.minicolors-slider-wheel .minicolors-slider { + background-position: -20px 0; +} + +.minicolors-opacity-slider { + left: 190px; + background-position: -40px 0; + display: none; +} + +.minicolors-with-opacity .minicolors-opacity-slider { + display: block; +} + +/* Pickers */ +.minicolors-grid .minicolors-picker { + position: absolute; + top: 70px; + left: 70px; + width: 10px; + height: 10px; + border: solid 1px black; + border-radius: 10px; + margin-top: -6px; + margin-left: -6px; + background: none; +} + +.minicolors-grid .minicolors-picker SPAN { + position: absolute; + top: 0; + left: 0; + width: 6px; + height: 6px; + border-radius: 6px; + border: solid 2px white; +} + +.minicolors-picker { + position: absolute; + top: 0; + left: 0; + width: 18px; + height: 2px; + background: white; + border: solid 1px black; + margin-top: -2px; +} + +/* Inline controls */ +.minicolors-inline .minicolors-input, +.minicolors-inline .minicolors-swatch { + display: none; +} + +.minicolors-inline .minicolors-panel { + position: relative; + top: auto; + left: auto; + display: block; + margin: 0; +} + + +/* Datepicker */ + +.ui-datepicker { + padding: 0; + display: none; +} +.ui-datepicker .ui-datepicker-header { + position: relative; +} + +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + position: absolute; + top: 50%; + width: 20px; + height: 20px; + margin-top: -11px; + border-width: 1px; + border-style: solid; + cursor: pointer; + overflow: hidden; +} + +.ui-datepicker .ui-datepicker-prev { + left: 7px; +} + +.ui-datepicker .ui-datepicker-next { + right: 7px; +} + +.ui-datepicker .ui-datepicker-prev span, +.ui-datepicker .ui-datepicker-next span { + margin: 0 auto; + display: block; + float: none; + text-align: center; + height: 20px; + line-height: 20px; +} + +.ui-datepicker .ui-datepicker-title { + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 12px; + margin: 0; + height: 20px; +} +.ui-datepicker select.ui-datepicker-month-year { + width: 100%; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 49%; +} +.ui-datepicker table { + width: 96%; + line-height: 1.6em; + border-collapse: collapse; + margin: 2%; +} +.ui-datepicker th { + padding: 0 0 5px; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 1px; +} +.ui-datepicker td span, +.ui-datepicker td a { + display: block; + padding: 2px 5px; + text-align: right; + text-decoration: none; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} +.ui-datepicker .ui-datepicker-buttonpane { + padding: 10px; + height: 28px; +} +.ui-datepicker .ui-datepicker-buttonpane button { + height: 28px; + line-height: 26px; + padding: 0 15px; + float: right; +} + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; +} + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-style: solid; + border-width: 0 1px 1px; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} + /* jQuery UI Dialog */ + +.ui-dialog { + position: absolute !important; + top: 0; + left: 0; + padding: 0; + outline: 0; + z-index: 1100; +} + +.ui-dialog .ui-dialog-titlebar { + position: relative; + padding: 0 10px; +} + +.ui-dialog .ui-dialog-title { + overflow: hidden; + text-overflow: ellipsis; +} + +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: 10px; + top: 50%; + width: 21px; + margin: -10px 0 0 0; + padding: 1px; + height: 20px; +} + +.ui-dialog .ui-dialog-titlebar-close .ui-button-text { + display: none; +} + +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: 0; + background: none; + overflow: auto; +} + +.ui-dialog .ui-dialog-buttonpane { + border-width: 1px 0 0 0 !important; +} + +.ui-dialog .ui-dialog-buttonpane .ui-button { + height: 28px; + line-height: 28px; + padding: 0 15px; + float: right; +} + +.ui-draggable .ui-dialog-titlebar { + cursor: move; +} + +.ui-dialog .ui-tabs, +.ui-dialog .infobox { + margin-bottom: 0; +} + +.ui-dialog .ui-tabs .ui-tabs-panel { + padding: 10px; +} + +.modal-dialog { + border: 0; + -moz-box-shadow: 0 15px 45px rgba(0,0,0,0.6) !important; + -webkit-box-shadow: 0 15px 45px rgba(0,0,0,0.6) !important; + box-shadow: 0 15px 45px rgba(0,0,0,0.6) !important; +} + + /* Overlays */ + +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1049; +} + + /* Resizable Core */ + +.ui-resizable { + position: relative; +} +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; +} +.ui-resizable-disabled .ui-resizable-handle, +.ui-resizable-autohide .ui-resizable-handle { + display: none; +} +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0; +} +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0; +} +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; +} +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0; + height: 100%; +} +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; +} +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; +} +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; +} +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; +} + /* Dropdown */ + +.dropup, +.dropdown { + position: relative; + display: inline-block; +} + +.dropdown-menu, +.popover, +.ui-menu, +.minicolors-panel { + position: absolute; + top: 105%; + left: 0; + z-index: 1050; + display: none; + float: left; + min-width: 150px; + padding: 5px; + margin: 5px 0 0; + list-style: none; + border-style: solid; + border-width: 1px; + background: #fff; + text-align: left; +} + +.dropdown-menu { + line-height: 1.6em; + text-transform: none; + font-size: 13px; +} + +.dropdown-menu .divider { + margin: 5px 1px; +} + +.dropdown-menu.float-right { + right: 0; + left: auto; +} + +.dropdown-menu .header { + font-weight: bold; + padding: 5px 5px 10px; + margin: 0 0 5px; + color: #888; + font-size: 11px; + text-transform: uppercase; + line-height: 1.4em; + border-bottom: #e5e5e5 solid 1px; +} + +.dropdown-menu li { + position: relative; +} + +.dropdown-menu li a, +.ui-menu li a { + display: block; + padding: 3px 20px 3px 15px; + clear: both; + font-weight: normal; + line-height: 20px; + margin: 0; + white-space: nowrap; + position: relative; +} + +.dropdown > .dropdown-menu:before, +.minicolors-position-bottom .minicolors-panel:before { + position: absolute; + top: -7px; + left: 7px; + display: inline-block; + 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: ''; +} + +.dropdown > .dropdown-menu:after, +.minicolors-position-bottom .minicolors-panel:after { + position: absolute; + top: -6px; + left: 8px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + border-left: 6px solid transparent; + content: ''; +} + +.dropdown > .dropdown-menu.float-right:before, +.dropup > .dropdown-menu.float-right:before, +.minicolors-position-right .minicolors-panel:before { + left: auto; + right: 7px; +} + +.dropdown > .dropdown-menu.float-right:after, +.dropup > .dropdown-menu.float-right:after, +.minicolors-position-right .minicolors-panel:after { + right: 8px; + left: auto; +} + +.minicolors-inline .minicolors-panel:after, +.minicolors-inline .minicolors-panel:before { + display: none; +} + +.dropdown-dividers { + padding: 0; +} + +.dropdown-dividers li { + padding: 3px; + border-bottom: #ccc solid 1px; +} + +.dropdown-dividers li:last-child { + border-bottom: 0; +} + +.dropdown-dividers li a { + padding: 2px 10px; +} + +.push-left { + left: 100% !important; + margin-left: -30px; +} + +.open { + *z-index: 1000; +} + +.open > .dropdown-menu { + display: block; +} + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 8px; +} + +.dropup > .dropdown-menu:before, +.minicolors-position-top .minicolors-panel:before { + position: absolute; + bottom: -7px; + left: 7px; + display: inline-block; + border-right: 7px solid transparent; + border-top: 7px solid #ccc; + border-left: 7px solid transparent; + border-top-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.dropup > .dropdown-menu:after, +.minicolors-position-top .minicolors-panel:after { + position: absolute; + bottom: -6px; + left: 8px; + display: inline-block; + border-right: 6px solid transparent; + border-top: 6px solid #ffffff; + border-left: 6px solid transparent; + content: ''; +} + +.minicolors-position-top.minicolors-position-right .minicolors-panel:before { + right: 6px; + left: auto; +} + +.minicolors-position-top.minicolors-position-right .minicolors-panel:after { + right: 7px; + left: auto; +} + +.dropdown-submenu { + position: relative; + z-index: 40; +} + +.dropdown-submenu > .dropdown-menu { + top: 50%; + left: 90%; + margin-top: -6px; + margin-left: -1px; + border-radius: 0 4px 4px 4px; +} + + +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} + +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-radius: 4px 4px 4px 0; +} + +.dropdown-submenu > a:after { + display: block; + float: right; + width: 0; + height: 0; + margin-top: 5px; + margin-right: -10px; + border-color: transparent; + border-left-color: #ccc; + border-style: solid; + border-width: 5px 0 5px 5px; + content: " "; +} + +.dropdown-submenu:hover > a:after { + border-left-color: #fff; +} + +.dropdown-submenu.float-left { + float: none !important; +} + +.dropdown-submenu.float-left > .dropdown-menu { + left: -110%; + margin-left: 10px; + border-radius: 4px 0 4px 4px; +} + +.dropdown-submenu.float-left > .dropdown-menu.dropdown-dividers { + margin-left: 20px; +} + + + + + + + /* Dropzone */ + +/* The MIT License */ +.dropzone, +.dropzone *, +.dropzone-previews, +.dropzone-previews * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.dropzone { + position: relative; + border: 1px solid rgba(0,0,0,0.08); + background: rgba(0,0,0,0.02); + padding: 1em; +} +.dropzone.dz-clickable { + cursor: pointer; +} +.dropzone.dz-clickable .dz-message, +.dropzone.dz-clickable .dz-message span { + cursor: pointer; +} +.dropzone.dz-clickable * { + cursor: default; +} +.dropzone .dz-message { + opacity: 1; + -ms-filter: none; + filter: none; +} +.dropzone.dz-drag-hover { + border-color: rgba(0,0,0,0.15); + background: rgba(0,0,0,0.04); +} +.dropzone.dz-started .dz-message { + display: none; +} +.dropzone .dz-preview, +.dropzone-previews .dz-preview { + background: rgba(255,255,255,0.8); + position: relative; + display: inline-block; + margin: 17px; + vertical-align: top; + border: 1px solid #acacac; + padding: 6px 6px 6px 6px; +} +.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], +.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { + display: none; +} +.dropzone .dz-preview .dz-details, +.dropzone-previews .dz-preview .dz-details { + width: 100px; + height: 100px; + position: relative; + background: #ebebeb; + padding: 5px; + margin-bottom: 22px; +} +.dropzone .dz-preview .dz-details .dz-filename, +.dropzone-previews .dz-preview .dz-details .dz-filename { + overflow: hidden; + height: 100%; +} +.dropzone .dz-preview .dz-details img, +.dropzone-previews .dz-preview .dz-details img { + position: absolute; + top: 0; + left: 0; + width: 100px; + height: 100px; +} +.dropzone .dz-preview .dz-details .dz-size, +.dropzone-previews .dz-preview .dz-details .dz-size { + position: absolute; + bottom: -28px; + left: 3px; + height: 28px; + line-height: 28px; +} +.dropzone .dz-preview.dz-error .dz-error-mark, +.dropzone-previews .dz-preview.dz-error .dz-error-mark { + display: block; +} +.dropzone .dz-preview.dz-success .dz-success-mark, +.dropzone-previews .dz-preview.dz-success .dz-success-mark { + display: block; +} +.dropzone .dz-preview:hover .dz-details img, +.dropzone-previews .dz-preview:hover .dz-details img { + display: none; +} +.dropzone .dz-preview .dz-success-mark, +.dropzone-previews .dz-preview .dz-success-mark, +.dropzone .dz-preview .dz-error-mark, +.dropzone-previews .dz-preview .dz-error-mark { + display: none; + position: absolute; + width: 40px; + height: 40px; + font-size: 30px; + text-align: center; + right: -10px; + top: -10px; +} +.dropzone .dz-preview .dz-success-mark, +.dropzone-previews .dz-preview .dz-success-mark { + color: #8cc657; +} +.dropzone .dz-preview .dz-error-mark, +.dropzone-previews .dz-preview .dz-error-mark { + color: #ee162d; +} +.dropzone .dz-preview .dz-progress, +.dropzone-previews .dz-preview .dz-progress { + position: absolute; + top: 100px; + left: 6px; + right: 6px; + height: 6px; + background: #d7d7d7; + display: none; +} +.dropzone .dz-preview .dz-progress .dz-upload, +.dropzone-previews .dz-preview .dz-progress .dz-upload { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 0%; + background-color: #8cc657; +} +.dropzone .dz-preview.dz-processing .dz-progress, +.dropzone-previews .dz-preview.dz-processing .dz-progress { + display: block; +} +.dropzone .dz-preview .dz-error-message, +.dropzone-previews .dz-preview .dz-error-message { + display: none; + position: absolute; + top: -5px; + left: -20px; + background: rgba(245,245,245,0.8); + padding: 8px 10px; + color: #800; + min-width: 140px; + max-width: 500px; + z-index: 500; +} +.dropzone .dz-preview:hover.dz-error .dz-error-message, +.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { + display: block; +} + +.dropzone { + cursor: pointer; + min-height: 350px; + position: relative; +} + +.dz-message { + text-align: center; + padding: 25px; + height: 50px; + line-height: 50px; + position: absolute; + width: 50%; + left: 50%; + top: 50%; + margin-top: -50px; + margin-left: -25%; + font-size: 35px; +} + /* Input toggle */ + +.toggle-switch { + padding: 2px; + width: 65px; + height: 18px; + margin-right: 5px; + float: left; +} + +.toggle-small { + height: 22px; + width: 70px; +} + +.toggle-medium { + height: 26px; + width: 75px; +} + + +.toggle-large { + height: 30px; + width: 80px; +} + +.toggle-switch, +.toggle-blob, +.toggle-off { + border-radius: 100px; +} + +.toggle-slide { + overflow: hidden; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + direction: ltr; +} +.toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob { + float: left; +} +.toggle-slide .toggle-blob { + position: relative; + z-index: 99; + cursor: hand; + cursor: grab; + cursor: -moz-grab; + cursor: -webkit-grab; + + background: #fff; +} + +.toggle-off { + display: none; + border-top-left-radius:0; + border-bottom-left-radius: 0; + background: rgba(255,255,255,0.5); +} + +.toggle-off.active { + display: block; +} + +.form-input .toggle-switch { + margin-top: 8px; +} + +.form-input .toggle-small { + margin-top: 6px; +} + +.form-input .toggle-medium { + margin-top: 4px; +} + +.form-input .toggle-large { + margin-top: 2px; +} +/* jquery.Jcrop.css v0.9.12 - MIT License */ +/* + The outer-most container in a typical Jcrop instance + If you are having difficulty with formatting related to styles + on a parent element, place any fixes here or in a like selector + + You can also style this element if you want to add a border, etc + A better method for styling can be seen below with .jcrop-light + (Add a class to the holder and style elements for that extended class) +*/ +.jcrop-holder { + direction: ltr; + text-align: left; +} +/* Selection Border */ +.jcrop-vline, +.jcrop-hline { + background: #ffffff url("/openoui/login/image/jcrop.gif"); + font-size: 0; + position: absolute; +} +.jcrop-vline { + height: 100%; + width: 1px !important; +} +.jcrop-vline.right { + right: 0; +} +.jcrop-hline { + height: 1px !important; + width: 100%; +} +.jcrop-hline.bottom { + bottom: 0; +} +/* Invisible click targets */ +.jcrop-tracker { + height: 100%; + width: 100%; + /* "turn off" link highlight */ + -webkit-tap-highlight-color: transparent; + /* disable callout, image save panel */ + -webkit-touch-callout: none; + /* disable cut copy paste */ + -webkit-user-select: none; +} +/* Selection Handles */ +.jcrop-handle { + background-color: #333333; + border: 1px #eeeeee solid; + width: 7px; + height: 7px; + font-size: 1px; +} +.jcrop-handle.ord-n { + left: 50%; + margin-left: -4px; + margin-top: -4px; + top: 0; +} +.jcrop-handle.ord-s { + bottom: 0; + left: 50%; + margin-bottom: -4px; + margin-left: -4px; +} +.jcrop-handle.ord-e { + margin-right: -4px; + margin-top: -4px; + right: 0; + top: 50%; +} +.jcrop-handle.ord-w { + left: 0; + margin-left: -4px; + margin-top: -4px; + top: 50%; +} +.jcrop-handle.ord-nw { + left: 0; + margin-left: -4px; + margin-top: -4px; + top: 0; +} +.jcrop-handle.ord-ne { + margin-right: -4px; + margin-top: -4px; + right: 0; + top: 0; +} +.jcrop-handle.ord-se { + bottom: 0; + margin-bottom: -4px; + margin-right: -4px; + right: 0; +} +.jcrop-handle.ord-sw { + bottom: 0; + left: 0; + margin-bottom: -4px; + margin-left: -4px; +} +/* Dragbars */ +.jcrop-dragbar.ord-n, +.jcrop-dragbar.ord-s { + height: 7px; + width: 100%; +} +.jcrop-dragbar.ord-e, +.jcrop-dragbar.ord-w { + height: 100%; + width: 7px; +} +.jcrop-dragbar.ord-n { + margin-top: -4px; +} +.jcrop-dragbar.ord-s { + bottom: 0; + margin-bottom: -4px; +} +.jcrop-dragbar.ord-e { + margin-right: -4px; + right: 0; +} +.jcrop-dragbar.ord-w { + margin-left: -4px; +} +/* The "jcrop-light" class/extension */ +.jcrop-light .jcrop-vline, +.jcrop-light .jcrop-hline { + background: #ffffff; + filter: alpha(opacity=70) !important; + opacity: .70!important; +} +.jcrop-light .jcrop-handle { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + background-color: #000000; + border-color: #ffffff; + border-radius: 3px; +} +/* The "jcrop-dark" class/extension */ +.jcrop-dark .jcrop-vline, +.jcrop-dark .jcrop-hline { + background: #000000; + filter: alpha(opacity=70) !important; + opacity: 0.7 !important; +} +.jcrop-dark .jcrop-handle { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + background-color: #ffffff; + border-color: #000000; + border-radius: 3px; +} +/* Simple macro to turn off the antlines */ +.bg-line .jcrop-vline, +.bg-line .jcrop-hline { + background: #ffffff; +} +/* Fix for twitter bootstrap et al. */ +.jcrop-holder img, +img.jcrop-preview { + max-width: none; +} + +/* Apply these styles only when #preview-pane has + been placed within the Jcrop widget */ +.jcrop-holder #preview-pane { + display: block; + position: absolute; + z-index: 2000; + top: 10px; + right: -280px; + padding: 6px; + border: 1px rgba(0,0,0,.4) solid; + background-color: white; + + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +/* The Javascript code will set the aspect ratio of the crop + area based on the size of the thumbnail preview, + specified here */ +#preview-pane .preview-container { + width: 250px; + height: 170px; + overflow: hidden; +} +#loadingbar { + position: fixed; + z-index: 2147483647; + top: 0; + left: -6px; + width: 1%; + height: 4px; + background: #FA7753; + -moz-border-radius: 1px; + -webkit-border-radius: 1px; + border-radius: 1px; + -moz-transition: all 500ms ease-in-out; + -ms-transition: all 500ms ease-in-out; + -o-transition: all 500ms ease-in-out; + -webkit-transition: all 500ms ease-in-out; + transition: all 500ms ease-in-out; +} + +#loadingbar.left { + left: 100%; + right: 0px; + width: 100%; +} + +#loadingbar.up { + left: 0px; + top: 100%; + width: 5px; + bottom: 0px; + height: 100%; +} + +#loadingbar.down { + left: 0; + width: 5px; + height: 0; +} + +#loadingbar.waiting dd, #loadingbar.waiting dt { + -moz-animation: pulse 2s ease-out 0s infinite; + -ms-animation: pulse 2s ease-out 0s infinite; + -o-animation: pulse 2s ease-out 0s infinite; + -webkit-animation: pulse 2s ease-out 0s infinite; + animation: pulse 2s ease-out 0s infinite; +} + +#loadingbar dt { +opacity: .6; +width: 180px; +right: -80px; +clip: rect(-6px,90px,14px,-6px); +} + +#loadingbar dd { + opacity: .6; + width: 20px; + right: 0; + clip: rect(-6px,22px,14px,10px); +} + +#loadingbar dd, #loadingbar dt { + position: absolute; + top: 0; + height: 2px; + -moz-box-shadow: #FA7753 1px 0 6px 1px; + -ms-box-shadow: #FA7753 1px 0 6px 1px; + -webkit-box-shadow: #ff6439 1px 0 6px 1px; + box-shadow: #ff6439 1px 0 6px 1px; + -moz-border-radius: 100%; + -webkit-border-radius: 100%; + border-radius: 100%; +} + +#loadingbar.left dt { +opacity: .6; +width: 180px; +left: -4px; +clip: rect(-6px,185px,14px,25px); +} + +#loadingbar.left dd { + opacity: .6; + width: 20px; + left: 0; + margin: 0; + clip: rect(-6px,22px,14px,0px); +} + +#loadingbar.left dd, #loadingbar.left dt { + top: 0; + height: 2px; +} + +#loadingbar.down dt { + opacity: .6; + height: 180px; + top: auto; + bottom: -47px; + clip: rect(-6px,20px,130px,-6px); +} + +#loadingbar.down dd { + opacity: .6; + height: 20px; + top: auto; + bottom: 0; + clip: rect(-6px,22px,20px,10px); + margin: 0; +} + +#loadingbar.down dd, #loadingbar.down dt { + left: -5px; + right: auto; + width: 10px; +} + +#loadingbar.up dt { + opacity: .6; + height: 180px; + bottom: auto; + top: -10px; + clip: rect(13px,20px,190px,-6px); +} + +#loadingbar.up dd { + opacity: .6; + height: 20px; + bottom: auto; + top: 0; + clip: rect(-6px,22px,25px,10px); + margin: 0; +} + +#loadingbar.up dd, #loadingbar.up dt { + left: -5px; + right: auto; + width: 10px; +} + +@keyframes pulse { + 30% { opacity:0.6; } + 60% { opacity:0; } + 100% { opacity:0.6; } +} + +@-moz-keyframes pulse +{ + 30% { opacity:0.6; } + 60% { opacity:0; } + 100% { opacity:0.6; } +} + +@-ms-keyframes pulse +{ + 30% { opacity:0.6; } + 60% { opacity:0; } + 100% { opacity:0.6; } +} + +@-webkit-keyframes pulse +{ + 30% { opacity:0.6; } + 60% { opacity:0; } + 100% { opacity:0.6; } +} + + /* Multiselect inputs */ + +.ms-container { + position: relative; +} + +.ms-container .glyph-icon { + position: absolute; + height: 30px; + line-height: 30px; + width: 30px; + text-align: center; + left: 50%; + top: 50%; + font-size: 20px; + margin: -15px 0 0 -15px; +} + +.ms-container:after { + content: "."; + display: block; + height: 0; + line-height: 0; + font-size: 0; + clear: both; + min-height: 0; + visibility: hidden; +} + +.ms-container .ms-selectable, +.ms-container .ms-selection { + background: #fff; + color: #555555; + float: left; + width: 45%; +} + +.ms-container .ms-selection { + float: right; +} + +.ms-container .ms-list { + position: relative; + height: 200px; + padding: 0; + overflow-y: auto; +} + +.ms-container ul{ + margin: 0; + list-style-type: none; + padding: 0; +} + +.ms-container .ms-optgroup-container { + width: 100%; +} + +.ms-container .ms-optgroup-label { + margin: 0; + padding: 5px 0px 0px 5px; + cursor: pointer; + color: #999; +} + +.ms-container .ms-selectable li.ms-elem-selectable, +.ms-container .ms-selection li.ms-elem-selection { + border-bottom: 1px #eee solid; + padding: 5px 10px; +} + +.ms-container .ms-selectable li.ms-elem-selectable:last-child, +.ms-container .ms-selection li.ms-elem-selection:last-child { + border-bottom: 0; +} + +.ms-container .ms-selectable li.ms-hover, +.ms-container .ms-selection li.ms-hover { + cursor: pointer; +} + +.ms-container .ms-selectable li.disabled, +.ms-container .ms-selection li.disabled { + background-color: #eee; + color: #aaa; + cursor: text; +} + +.jGrowl { + z-index: 9999; +} + +.jGrowl { + position: absolute; +} + +body > .jGrowl { + position: fixed; +} + +.jGrowl.top-left { + left: 0; + top: 0; +} + +.jGrowl.top-right { + right: 0; + top: 0; +} + +.jGrowl.bottom-left { + left: 0; + bottom: 0; +} + +.jGrowl.bottom-right { + right: 0; + bottom: 0; +} + +.jGrowl.center { + top: 50%; + width: 0%; + left: 50%; + margin-left: -170px; +} + +.center .jGrowl-notification, +.center .jGrowl-closer { + margin-left: auto; + margin-right: auto; +} + +.jGrowl .jGrowl-notification, +.jGrowl .jGrowl-closer { + opacity: .95; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); + zoom: 1; + width: 300px; + padding:5px 10px; + margin: 10px 0; + display: none; + white-space: normal; + font-size: 12px; +} + +.jGrowl .jGrowl-notification:hover { + opacity: 1; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); +} + +.jGrowl .jGrowl-notification { + min-height: 20px; +} + +.jGrowl .jGrowl-notification, +.jGrowl .jGrowl-closer { + margin: 10px; +} + +.jGrowl .jGrowl-notification .jGrowl-header { + font-weight: bold; + font-size: .85em; +} + +.jGrowl .jGrowl-notification .jGrowl-close { + z-index: 99; + float: right; + font-weight: bold; + cursor: pointer; +} + +.jGrowl .jGrowl-closer { + cursor: pointer; + font-weight: bold; + text-align: center; +} + + /* Noty */ + +.noty-wrapper { + position: fixed; + width: 100%; + left: 0; + z-index: 10000; + font-weight: bold; + font-size: 14px; + opacity: .95; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); +} + +.noty-wrapper:hover { + opacity: 1; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); +} + +.noty_message { + text-align: center; + padding: 15px 10px; + line-height: 20px; +} + +#noty_bottom { + bottom: 0; +} + +#noty_bottom li { + border-top-width: 1px; + border-top-style: solid; +} + +#noty_top { + top: 0; +} + +#noty_top li { + border-bottom-width: 1px; + border-bottom-style: solid; +} + +#noty_center { + top: 50%; + left: 50%; +} + +#noty_center li { + border: 0; + margin: 10px 0; +} + + /* Popovers */ + +.popover { + top: 0; + left: 0; + z-index: 1049; + display: none; + margin: 0; + min-width: 250px; + padding: 1px !important; +} + +.popover.top { + margin-top: -10px; +} + +.popover.right { + margin-left: 10px; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover.left { + margin-left: -10px; +} + +.popover-title { + padding: 5px 10px; + margin: 0; + font-size: 11px; + text-transform: uppercase; + font-weight: bold; + text-shadow: 1px 1px 0 #fff; + min-height: 18px; + line-height: 19px; + color: #888; + background-color: #fafafa; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-title:empty { + display: none; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} + +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #fff; + border-bottom-width: 0; +} + +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; +} + +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #fff; + border-left-width: 0; +} + +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} + +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #fff; + border-top-width: 0; +} + +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; +} + +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #fff; + border-right-width: 0; +} + +.popover .nav-list, +.popover .dropdown-menu { + border: 0; + margin: 0; +} + +.display-block.popover { + margin: 0; + float: none; + width: auto; +} + +.fixed-header .popover { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); +} + /* Progress Bar */ + +.progressbar, +.progress-label, +.progressbar-value, +.progressbar-overlay { + height: 20px; + line-height: 20px; + border-radius: 4px; + font-weight: bold; +} + +.progressbar { + background: rgba(0,0,0,0.05); + text-align: center; + + box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); + position: relative; +} + +.progressbar-value, +.progressbar-overlay, +.progress-label { + position: absolute; + left: 0; + top: 0; + z-index: 4; + overflow: hidden; +} + +.progressbar-value.ui-state-default, +.progressbar-value.ui-state-default .progress-label { + height: 18px; + line-height: 18px; +} + +.progress-label { + width: 100%; + z-index: 6; +} + +.progressbar-overlay { + background: url("/openoui/login/image/animated-overlay.gif"); + width: 100%; + filter: alpha(opacity=15); + opacity: 0.15; + z-index: 5; +} + +.progressbar-small.progressbar, +.progressbar-small .progress-label, +.progressbar-small .progressbar-value, +.progressbar-small .progressbar-overlay { + height: 10px; +} + +.progressbar-small .progressbar-value.ui-state-default { + height: 8px; +} + +.bg-black .progressbar-overlay, +.bg-black .progressbar-overlay { + filter: alpha(opacity=100); + opacity: 1; +} +/* jQuery UI Slider */ + +.ui-slider { + position: relative; + text-align: left; +} + +.ui-slider .ui-slider-handle, .ui-slider .ui-slider-range, .ui-slider-horizontal, .ui-slider-vertical { + -moz-border-radius: 100px; + border-radius: 100px; + -webkit-border-radius: 100px; +} + +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 18px; + height: 18px; + cursor: pointer; +} + +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + display: block; + border: 0; +} + +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.ui-slider-horizontal { + height: 7px; + background: #ddd; + + -moz-box-shadow: inset 0 1px 6px #717171; + -webkit-box-shadow: inset 0 1px 6px #717171; + box-shadow: inset 0 1px 6px #717171; +} +.ui-slider-horizontal .ui-slider-handle { + top: -7px; + margin-left: -7px; +} +.ui-slider-horizontal .ui-slider-range { + top: -1px; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.ui-slider-vertical { + width: 7px; + height: 100px; + + background: #ddd; + + -moz-box-shadow: inset 1px 0 6px #717171; + -webkit-box-shadow: inset 1px 0 6px #717171; + box-shadow: inset 1px 0 6px #717171; +} +.ui-slider-vertical .ui-slider-handle { + left: -7px; + margin-left: 0; + margin-bottom: -8px; +} +.ui-slider-vertical .ui-slider-range { + left: -1px; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} + +.form-wizard > ul { + display: table; + list-style: none; + position: relative; + width: 100%; + margin: 0 0 20px; +} + +.form-wizard > ul > li { + display: table-cell; + text-align: center; + width: 1%; +} + +.form-wizard > ul > li a, +.form-wizard > ul > li a:hover { + display: block; + position: relative; + -moz-opacity:1; + filter:alpha(opacity:100); + opacity:1; + color: #666; +} + +.form-wizard > ul > li a:before { + content: ""; + position: absolute; + height: 4px; + background: #ccc; + top: 20px; + width: 100%; + z-index: 4; + left: 0; +} + +.form-wizard > ul > li:first-child a:before { + left: 50%; +} + +.form-wizard > ul > li:last-child a:before { + right: 50%; + left: auto; + width: 50%; +} + +.form-wizard > ul > li a .wizard-step { + width: 40px; + height: 40px; + line-height: 40px; + border-radius: 100px; + display: block; + margin: 0 auto 5px; + font-size: 16px; + text-align: center; + position: relative; + z-index: 5; +} + +.form-wizard > ul > li a .wizard-description small { + display: block; + -moz-opacity:0.70; + filter:alpha(opacity:70); + opacity:0.70; +} + +.form-wizard>ul>li a.disabled .wizard-step { + background: #ccc; +} + +.msgBox { + display: none; +} + +.loader { + display: none; +} + +.actionBar { + border-top: #ddd solid 1px; + padding: 20px 0 0; + margin-top: 20px; + margin-bottom: 20px; +} + +.actionBar a.btn { + float: right; + margin-left: 10px; +} + /* Tabs */ + +.ui-tabs-panel, +.ui-accordion-content { + display: block; + background: none; +} + +.ui-tabs-panel:last-child, +.ui-accordion-content:last-child { + border-bottom: 0 !important; +} + +.ui-tabs-panel p, +.ui-accordion-content p { + padding: 0; +} + +.ui-tabs-nav > li, .ui-tabs-nav > li > a { + float: left; + position: relative; +} + +.ui-tabs-nav > li > a .float-left.glyph-icon, +.ui-accordion-header .float-left.glyph-icon { + margin-right: 5px; + float: none !important; +} + + +.ui-tabs-nav > li > a .float-right.glyph-icon, +.ui-accordion-header .float-right.glyph-icon { + margin-left: 5px; + margin-right: 0; + float: none !important; +} + + /* Justified tab navigation */ + +.button-block-justified .ui-tabs-nav li:first-child { + border-left: 0; +} + +.button-block-justified .ui-tabs-nav li:last-child { + border-right: 0; +} + + /* Accordion */ + +.ui-accordion-header .ui-accordion-header-icon { + float: right; +} + +.ui-state-active.ui-accordion-header:last-of-type { + border-radius: 0; +} + +.ui-accordion-header { + position: relative; + padding: 0 25px 0 15px; + margin: 0; +} + +.ui-accordion-header:last-of-type { + border-bottom-width: 0 !important; +} + +.ui-accordion-header.ui-accordion-header-active:last-of-type { + border-bottom-width: 1px !important; +} + + /* Inner elements */ + +.ui-tabs-panel .ui-accordion { + margin-bottom: 0; +} + + /* Content box tabs */ + +.content-box.ui-tabs > .content-box-header { + margin: -1px -1px 0; + border: 0; +} + +.content-box-header > .ui-tabs-nav { + background: none; + border: 0; +} + +.content-box-header > .ui-tabs-nav { + float: right; + border: 0; + padding: 0; + margin: 2px 0 0; +} + +.content-box-header > .ui-tabs-nav li { + background: none !important; + border: 0 !important; + +} + +.content-box-header > .ui-tabs-nav li > a { + background: none; + border: 0 !important; + height: 37px; + line-height: 36px; + color: rgba(255,255,255,0.7); + margin: 0 2px; +} + +.content-box-header > .ui-tabs-nav li > a:hover { + background: rgba(255,255,255,0.2); +} + +.content-box-header > .ui-tabs-nav li.ui-tabs-active > a { + background: #fff; + line-height: 37px; +} + /* Theme Switcher */ + +.choose-theme { + display: block; + float: left; + padding: 2px; + border-radius: 2px; + margin: 5px 8px 5px 0; + border: #ccc solid 1px; +} + +.choose-theme:hover, +.choose-theme.active { + opacity: 0.8; + border-color: #ccc; +} + +.choose-theme span { + width: 30px; + height: 20px; + display: block; + float: left; + border: 0; + margin: 0; +} + + /* Themes Btn Bg */ + +.bg-blue-theme { + background: #43b6ff; + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzYjZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdmZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #43b6ff 0%, #007fd0 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b6ff), color-stop(100%,#007fd0)); + background: -webkit-linear-gradient(top, #43b6ff 0%,#007fd0 100%); + background: -o-linear-gradient(top, #43b6ff 0%,#007fd0 100%); + background: -ms-linear-gradient(top, #43b6ff 0%,#007fd0 100%); + background: linear-gradient(to bottom, #43b6ff 0%,#007fd0 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b6ff', endColorstr='#007fd0',GradientType=0 ); +} + /* Timepicker */ + +.bootstrap-timepicker { + position: relative; +} + +.dropdown.bootstrap-timepicker { + float: none; +} + +.bootstrap-timepicker-widget.dropdown-menu.open { + display: inline-block; +} + +.bootstrap-timepicker-widget table { + width: 100%; + margin: 0; +} + +.bootstrap-timepicker-widget table td { + height: 32px; + line-height: 32px; + width: 42px; +} + +.bootstrap-timepicker-widget table td.separator { + padding: 0 5px; + width: auto; +} + +.bootstrap-timepicker-widget table td a { + border: 1px transparent solid; + display: block; + text-align: center; +} + +.bootstrap-timepicker-widget table td a i { + margin: 0 auto; +} + +.bootstrap-timepicker-widget table td input { + width: 100%; + min-width: 32px; + padding: 0 5px; + margin: 0; + text-align: center; +} + +.bootstrap-timepicker-widget table td input.bootstrap-timepicker-meridian { + font-weight: bold; +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + font-size: 11px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; +} + +.tooltip.in { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.tooltip.top { + padding: 5px 0; + margin-top: -3px; +} + +.tooltip.right { + padding: 0 5px; + margin-left: 8px; +} + +.tooltip.bottom { + padding: 5px 0; + margin-top: 3px; +} + +.tooltip.left { + padding: 0 5px; + margin-left: -8px; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + text-decoration: none; + background-color: #000; + border-radius: 4px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-top-color: #000; + border-width: 5px 5px 0; +} + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: #000; + border-width: 5px 5px 5px 0; +} + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: #000; + border-width: 5px 0 5px 5px; +} + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: #000; + border-width: 0 5px 5px; +} +.jvectormap-label { + position: absolute; + display: none; + border: solid 1px #CDCDCD; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background: #292929; + color: white; + font-family: sans-serif, Verdana; + font-size: smaller; + padding: 3px; + z-index: 1200; +} + +.jvectormap-zoomin, .jvectormap-zoomout { + position: absolute; + left: 10px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background: #292929; + padding: 3px; + color: white; + width: 10px; + height: 10px; + cursor: pointer; + line-height: 10px; + text-align: center; +} + +.jvectormap-zoomin { + top: 10px; +} + +.jvectormap-zoomout { + top: 30px; +} + /* xCharts */ + +.xchart .line { + stroke-width: 3px; + fill: none; +} +.xchart .fill { + stroke-width: 0; +} +.xchart circle { + stroke: #FFF; + stroke-width: 3px; +} +.xchart .axis .domain { + fill: none; +} +.xchart .axis .tick line { + stroke: #EEE; + stroke-width: 1px; +} +.xchart .axis text { + fill: #666; + font-size: 12px; +} +.xchart .color2 .line { + stroke: #f26522; +} +.xchart .color2 .line .fill { + pointer-events: none; +} +.xchart .color2 rect, +.xchart .color2 circle { + fill: #f26522; +} +.xchart .color2 .fill { + fill: rgba(242, 101, 34, 0.1); +} +.xchart .color2.comp .line { + stroke: #f9b99a; +} +.xchart .color2.comp rect { + fill: #f9b99a; +} +.xchart .color2.comp .fill { + display: none; +} +.xchart .color2.comp circle, +.xchart .color2.comp .pointer { + fill: #f9b99a; +} +.xchart .color3 .line { + stroke: #c6080d; +} +.xchart .color3 .line .fill { + pointer-events: none; +} +.xchart .color3 rect, +.xchart .color3 circle { + fill: #c6080d; +} +.xchart .color3 .fill { + fill: rgba(198, 8, 13, 0.1); +} +.xchart .color3.comp .line { + stroke: #f8555a; +} +.xchart .color3.comp rect { + fill: #f8555a; +} +.xchart .color3.comp .fill { + display: none; +} +.xchart .color3.comp circle, +.xchart .color3.comp .pointer { + fill: #f8555a; +} +.xchart .color4 .line { + stroke: #672d8b; +} +.xchart .color4 .line .fill { + pointer-events: none; +} +.xchart .color4 rect, +.xchart .color4 circle { + fill: #672d8b; +} +.xchart .color4 .fill { + fill: rgba(103, 45, 139, 0.1); +} +.xchart .color4.comp .line { + stroke: #a869ce; +} +.xchart .color4.comp rect { + fill: #a869ce; +} +.xchart .color4.comp .fill { + display: none; +} +.xchart .color4.comp circle, +.xchart .color4.comp .pointer { + fill: #a869ce; +} +.xchart .color5 .line { + stroke: #ce1797; +} +.xchart .color5 .line .fill { + pointer-events: none; +} +.xchart .color5 rect, +.xchart .color5 circle { + fill: #ce1797; +} +.xchart .color5 .fill { + fill: rgba(206, 23, 151, 0.1); +} +.xchart .color5.comp .line { + stroke: #f075cb; +} +.xchart .color5.comp rect { + fill: #f075cb; +} +.xchart .color5.comp .fill { + display: none; +} +.xchart .color5.comp circle, +.xchart .color5.comp .pointer { + fill: #f075cb; +} +.xchart .color6 .line { + stroke: #d9ce00; +} +.xchart .color6 .line .fill { + pointer-events: none; +} +.xchart .color6 rect, +.xchart .color6 circle { + fill: #d9ce00; +} +.xchart .color6 .fill { + fill: rgba(217, 206, 0, 0.1); +} +.xchart .color6.comp .line { + stroke: #fff75a; +} +.xchart .color6.comp rect { + fill: #fff75a; +} +.xchart .color6.comp .fill { + display: none; +} +.xchart .color6.comp circle, +.xchart .color6.comp .pointer { + fill: #fff75a; +} +.xchart .color7 .line { + stroke: #754c24; +} +.xchart .color7 .line .fill { + pointer-events: none; +} +.xchart .color7 rect, +.xchart .color7 circle { + fill: #754c24; +} +.xchart .color7 .fill { + fill: rgba(117, 76, 36, 0.1); +} +.xchart .color7.comp .line { + stroke: #c98c50; +} +.xchart .color7.comp rect { + fill: #c98c50; +} +.xchart .color7.comp .fill { + display: none; +} +.xchart .color7.comp circle, +.xchart .color7.comp .pointer { + fill: #c98c50; +} +.xchart .color8 .line { + stroke: #2eb9b4; +} +.xchart .color8 .line .fill { + pointer-events: none; +} +.xchart .color8 rect, +.xchart .color8 circle { + fill: #2eb9b4; +} +.xchart .color8 .fill { + fill: rgba(46, 185, 180, 0.1); +} +.xchart .color8.comp .line { + stroke: #86e1de; +} +.xchart .color8.comp rect { + fill: #86e1de; +} +.xchart .color8.comp .fill { + display: none; +} +.xchart .color8.comp circle, +.xchart .color8.comp .pointer { + fill: #86e1de; +} +.xchart .color9 .line { + stroke: #0e2e42; +} +.xchart .color9 .line .fill { + pointer-events: none; +} +.xchart .color9 rect, +.xchart .color9 circle { + fill: #0e2e42; +} +.xchart .color9 .fill { + fill: rgba(14, 46, 66, 0.1); +} +.xchart .color9.comp .line { + stroke: #2477ab; +} +.xchart .color9.comp rect { + fill: #2477ab; +} +.xchart .color9.comp .fill { + display: none; +} +.xchart .color9.comp circle, +.xchart .color9.comp .pointer { + fill: #2477ab; +} + +.font-default, +.heading-1 { + color: #57697e; +} + +#page-header a:hover, #header-logo a:hover { + color: #57697e; +} + +.ui-state-default, +.ui-tabs-nav, +.ui-accordion-header, +.table th, +.ui-dialog-titlebar, +.ui-datepicker-header, +.ui-slider .ui-slider-range, +.chosen-container .chosen-single, +.chosen-container.chosen-disabled .chosen-single:hover, +.selector, +.selector.disabled:hover, +a.btn.ui-state-default.disabled:hover, +button.btn.ui-state-default[disabled]:hover, +.ui-button.ui-state-default.ui-state-disabled:hover { + border: #c1cad5 solid 1px; + background: #e4e9f0; + color: #57697e; +} + +.timeline-box:before { + background: #c1cad5; +} + +.ui-tabs, +.ui-accordion, +.table, +.content-box-alt, +.ui-dialog, +.ui-datepicker, +.chosen-drop { + background: #fff; + border: #c1cad5 solid 1px; + position: relative; +} + +.ui-tabs-nav, +.ui-accordion-header, +.table th, +.ui-dialog-titlebar, +.ui-datepicker-header { + border: 0; + border-bottom: #c1cad5 solid 1px; +} + +.ui-tabs-nav.tabs-bottom { + border-bottom: 0; + border-top: #c1cad5 solid 1px; +} + +.ui-tabs-nav, .ui-tabs-nav > li, .ui-tabs-nav > li > a, +.ui-accordion-header, +.content-box-header, +.content-box-header > .icon-separator, +.ui-dialog-titlebar, +.ui-datepicker-header, +.ui-datepicker .ui-datepicker-title { + height: 38px; + line-height: 38px; +} + +.content-box-header > .icon-separator { + width: 38px; +} + +.content-box-header { + line-height: 37px; +} + +#page-header .notifications-box li { + padding: 5px; + font-size: 11px; +} + +.ui-tabs-nav > li > a, +.ui-accordion-header, +.ui-dialog-titlebar, +.ui-datepicker-header, +.chosen-container .chosen-single, +.selector span, +.selector i, +.selector.disabled:hover i, +.content-box-header.ui-state-default { + color: #57697e; + padding: 0 20px; +} + +.nav-list li a, +.nav-list-horizontal li a, +.nav-list-horizontal li .nav-wrp, +.content-box, +.content-box-header, +.ui-datepicker, +.content-box.drop-shadow .content-box-header, +.ui-accordion, +.ui-dialog, +.ui-accordion-content { + border-color: #c1cad5; +} + +.content-box.border-top { + border-left-color: #c1cad5 !important; + border-right-color: #c1cad5 !important; + border-bottom-color: #c1cad5 !important; +} + + +.ui-tabs-nav > li { + border: 0; + border-left: rgba(255,255,255,0.5) solid 1px; + border-right: #c1cad5 solid 1px; +} + +.ui-tabs-nav > li.float-right { + border: 0; + border-left: #c1cad5 solid 1px; + border-right: rgba(255,255,255,0.5) solid 1px; +} + +.ui-tabs-nav > li:last-child a { + border-right: rgba(255,255,255,0.5) solid 1px; +} + +.ui-tabs-nav > li.float-right:last-child > a { + border-left: rgba(255,255,255,0.5) solid 1px; + border-right: 0; +} + +.ui-tabs-nav > li > a:hover, +.ui-tabs-nav .dropdown.open > a.dropdown-toggle, +.ui-accordion-header.ui-state-hover, +.chosen-container .chosen-single:hover, +.selector:hover { + background: #f0f3f8; + cursor: pointer; +} + +.ui-tabs-nav .dropdown.open > a.dropdown-toggle, +.ui-accordion-header.ui-state-hover, +.chosen-container .chosen-single:hover, +.selector:hover, +.selector:hover i { + color: #000; +} + +.ui-tabs-nav > li > a:hover { + color: #fff; +} + +.ui-tabs-nav > li.ui-state-active, .ui-tabs-nav > li.ui-state-active > a:hover, +.ui-accordion-header-active, .ui-accordion-header-active.ui-state-hover:hover { + background: #fff; +} + +.ui-tabs-nav > li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; +} + +.ui-tabs-nav.tabs-bottom > li.ui-tabs-active { + margin-top: -1px; + padding-top: 1px; + margin-bottom: 0; + padding-bottom: 0; +} + +.ui-accordion-content { + border-bottom: #c1cad5 solid 1px; +} + + /* Tables */ + +.table td, +.table th { + border-right: #c1cad5 solid 1px; + border-bottom: #c1cad5 solid 1px; +} + +.table tfoot td, +.table tfoot th { + border-top: #c1cad5 solid 1px; +} + + /* Shadows */ + +.content-box-header { + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +a.btn.ui-state-default.disabled, +button.btn.ui-state-default.disabled, +a.btn.disabled, +button.btn[disabled], +.ui-button.ui-state-default.ui-state-disabled, +.ui-datepicker-prev.ui-state-disabled, +.ui-datepicker-current.ui-priority-secondary { + box-shadow: inset 0 0 0 120px rgba(255, 255, 255, 0.12) !important; +} + +a.btn:hover, button.btn:hover, +a.ui-button:hover, button.ui-button:hover, .ui-button.active, +.btn.primary-bg.ui-state-default:hover, +.ui-datepicker-prev:hover, +.ui-datepicker-next:hover, +.ui-datepicker-buttonpane button:hover, +.ui-slider .ui-slider-handle:hover, +.ui-slider .ui-slider-handle.ui-state-focus, +.ui-dialog-buttonpane .ui-button.ui-state-default:hover { + box-shadow: inset 0 0 0 120px rgba(255, 255, 255, 0.12); + color:#fff; +} + +a.btn.ui-state-default:hover, +button.btn.ui-state-default:hover, +a.ui-button.ui-state-default:hover, +button.ui-button.ui-state-default:hover, +a.btn.bg-gray:hover, +button.btn.bg-gray:hover, +a.btn.bg-gray-alt:hover, +button.btn.bg-gray-alt:hover { + box-shadow: inset 0 0 0 120px rgba(255, 255, 255, 0.4); + color: #000; + cursor: pointer; +} + +a.btn:active, button.btn:active, +a.ui-button:active, button.ui-button:active, +.btn.primary-bg.ui-state-default:active, +.ui-datepicker-prev:active, +.ui-datepicker-next:active, +.ui-datepicker-buttonpane button:active, +.dropdown-menu li a:active, +a.btn.ui-state-default:active, +button.btn.ui-state-default:active, +a.btn.bg-gray:active, +button.btn.bg-gray:active, +.ui-dialog-buttonpane .ui-button.ui-state-default:active { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 3px 8px rgba(0, 0, 0, 0.35); +} + +a.btn.ui-state-default:active, +button.btn.ui-state-default:active { + border-color: #8fa0b4; +} + +.icon-separator { + background: rgba(255,255,255,0.2); + border-right: rgba(0,0,0,0.3) solid 1px; + box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.2); +} + +.icon-separator.float-right { + border-right: 0; + border-left: rgba(0,0,0,0.3) solid 1px; + box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.2); +} + +.content-box-header.ui-state-default > .icon-separator { + background: rgba(255,255,255,0.5); +} + +.drop-shadow { + border-color: #bbb; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); +} + +.drop-shadow-alt, +.dropdown-menu, +#pNav .dropdown-menu, +.popover, +.ui-dialog, +.ui-datepicker, +.chosen-drop, +.ui-menu, +.minicolors-panel { + border-color: #b8b8b8; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25); +} + + /* Common Theme Color */ + +.dropdown-menu li a:hover, +.dropdown-menu li a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a, +.primary-bg, +.ui-datepicker-prev, +.ui-datepicker-next, +.ui-datepicker td .ui-state-hover, +.ui-datepicker-buttonpane button, +.ui-slider .ui-slider-handle, +.chosen-results li.highlighted, +.form-wizard > ul > li a.selected:before, +.wizard-step, +.ui-menu li a:hover, +.ui-menu li a:focus, +.ui-spinner-button, +.ui-dialog-buttonpane .ui-button, +.ms-container .ms-selectable li.ms-hover, +.ms-container .ms-selection li.ms-hover { + background: #37485d; + border-color: #2b394a; + color: #fff !important; +} + +.ui-datepicker-current-day a, +.ui-datepicker-current-day a.ui-state-hover { + background: #fff; + border-color: #2b394a; + color: #303b49 !important; + font-weight: bold; +} + +.ui-datepicker-today a, +.ui-datepicker-today a.ui-state-hover { + background: #ffeec6; + border-color: #2b394a; + color: #000 !important; + font-weight: bold; +} + +.dropdown-menu .active > a, +.dropdown-menu .active > a:hover, +.dropdown-menu .active > a:focus { + background: #303b49; +} + +.fColTh, +#pNav li.nav-active > a, +.ui-tabs-nav li.ui-state-active a, +.ui-accordion-header-active, +.ui-accordion-header-active:hover, +.checker span.checked i, +.radio span.checked i { + color: #303b49; +} + +.button-pane, +.ui-dialog .ui-dialog-buttonpane, +.ui-datepicker-buttonpane { + background: #f9fcff; + border: #c1cad5 solid 1px; + padding: 10px; +} + +a, +.no-shadow.btn { + color: #0067be; +} + +a:hover, +a.no-shadow.btn:hover, +button.no-shadow.btn:hover { + color: #004d8e; +} + +.btn, +.ui-button, +.icon-separator, +.ui-tabs, +.ui-accordion, +.ui-dialog, +.ui-dialog-titlebar-close, +.ui-datepicker, +.ui-datepicker-prev, +.ui-datepicker-next, +.ui-datepicker-buttonpane button, +.jGrowl-notification, +.input, +.form-input input, +.form-input textarea, +.dropdown-menu, +.popover, +.minicolors-panel, +.dropdown-menu li a, +.chosen-container, +.chosen-choices li.search-choice, +.chosen-single, +.chosen-choices, +.chosen-results li.highlighted, +.ui-menu li a, +.selector, +.content-box, +.content-box-closed, +.content-box-closed .content-box-header, +.form-input-icon .glyph-icon, +#sidebar-menu li a, +.content-box .ui-widget-overlay.loader, +.bootstrap-timepicker-widget table td input, +.button-pane, +.infobox, +.icon-separator-vertical, +.table-rounded, +.info-box-alt, +.notifications-box, +.ui-toolbar select, +.ui-toolbar input { + border-radius: 3px; +} + +.ui-dialog .ui-dialog-titlebar, +.ui-datepicker-header, +.content-box .content-box-header, +.ui-tabs-nav, +.ui-accordion-header:first-child, +.button-group-vertical > .btn:first-child, +.notifications-box li:first-child { + border-top-left-radius:3px; + border-top-right-radius:3px; +} + +.ui-tabs-nav.tabs-bottom { + border-top-left-radius:0; + border-top-right-radius:0; + + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.ui-tabs-nav li:first-child, +.table-rounded thead tr:first-child th:first-child, +.table-rounded thead tr:first-child td:first-child { + border-top-left-radius: 3px; +} + +.ui-tabs-nav.tabs-bottom li:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 3px; +} + +.ui-tabs-nav li.float-right:not(:last-child), +.table-rounded thead tr:first-child th:last-child, +.table-rounded thead tr:first-child td:last-child { + border-top-right-radius: 3px; +} + +.ui-tabs-nav.tabs-bottom li.float-right:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 3px; +} + +.table-rounded tbody tr:last-child th:last-child, +.table-rounded tbody tr:last-child td:last-child { + border-bottom-right-radius: 3px; +} + +.table-rounded tbody tr:last-child th:first-child, +.table-rounded tbody tr:last-child td:first-child { + border-bottom-left-radius: 3px; +} + +.ui-dialog .ui-dialog-buttonpane, +.ui-datepicker-buttonpane, +.chosen-drop, +.chosen-results li.no-results, +.ui-menu, +.content-box .content-box-wrapper, +.ui-accordion-header:last-of-type, +.button-group-vertical > .btn:last-of-type, +.info-box, +#sidebar-menu li ul, +#sidebar-menu li ul li:last-child a, +.notifications-box li:last-child { + border-bottom-left-radius:3px; + border-bottom-right-radius:3px; +} + +.input-append-wrapper .input-append { + border-radius: 0; + + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.input-append-right .input-append { + border-radius: 0; + + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.button-group .btn:last-of-type, +.button-group .btn:last-of-type .icon-separator, +.icon-separator.float-right { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.ui-spinner-down { + border-bottom-right-radius: 3px !important; + border-bottom-left-radius: 0; +} + + +.btn.tile-button.bg-white { + border: #ccc solid 1px; +} + +.ms-container .ms-list { + border-color: #CDCDCD; +} +.ms-container .ms-list { + background: #FFF; + border: #CDCDCD solid 1px; + box-shadow: 0 0 0 rgba(0, 0, 0, 0); +} + +.content-box-header .icon-separator.transparent { + min-width: 10px; + margin-right: 10px; +} + +a.btn.icon-separator.transparent:hover { + -moz-opacity: 0.60; + filter: alpha(opacity:60); + opacity: 0.60; + color: #fff; +} + +.icon-separator { + color: #fff; +} + +a.btn.active, +button.btn.active, +a.active.btn.bg-gray, +button.active.btn.bg-gray, +a.active.btn.bg-gray-alt, +button.active.btn.bg-gray-alt { + box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.05), inset 0 2px 5px 0 rgba(0, 0, 0, 0.07); +} + +.content-box-header.bg-gray > .ui-tabs-nav li > a, +.content-box-header.ui-state-default > .ui-tabs-nav li > a, +.content-box-header.bg-gray-alt > .ui-tabs-nav li > a, +.content-box-header.bg-white > .ui-tabs-nav li > a, + +.content-box-header.bg-gray .icon-separator, +.content-box-header.ui-state-default .icon-separator, +.content-box-header.bg-gray-alt .icon-separator, +.content-box-header.bg-white .icon-separator, + +.btn.bg-gray .icon-separator, +.btn.ui-state-default .icon-separator, +.btn.bg-gray-alt .icon-separator, +.btn.bg-white .icon-separator { + color: #7d7d7d; +} + +.content-box-header.bg-gray > .ui-tabs-nav li > a:hover, +.content-box-header.ui-state-default > .ui-tabs-nav li > a:hover, +.content-box-header.bg-gray-alt > .ui-tabs-nav li > a:hover, +.content-box-header.bg-white > .ui-tabs-nav li > a:hover, + +.btn.bg-gray:hover .icon-separator, +.btn.ui-state-default:hover .icon-separator, +.btn.bg-gray-alt:hover .icon-separator, +.btn.bg-white:hover .icon-separator, +.content-box-header.ui-state-default a.icon-separator:hover { + color: #333; +} + +.content-box-header.bg-gray > .icon-separator.remove-bg, +.content-box-header.ui-state-default > .icon-separator.remove-bg, +.content-box-header.bg-gray-alt > .icon-separator.remove-bg, +.content-box-header.bg-white > .icon-separator.remove-bg { + color: #666; +} + +.content-box-header.bg-white > .ui-tabs-nav li.ui-tabs-active > a { + background: #DDD; +} + +.content-box.ui-tabs > .content-box-header.bg-gray, +.content-box.ui-tabs > .content-box-header.ui-state-default, +.content-box.ui-tabs > .content-box-header.bg-gray-alt, +.content-box.ui-tabs > .content-box-header.bg-white { + margin: 0; +} + + /* Charts */ + +.xchart .color0 .line { + stroke: #37485d; +} + +.xchart .color0 circle { + stroke: #37485d; +} + +.xchart .color0 .line .fill { + pointer-events: none; +} + +.xchart .color0 rect { + fill: #37485d; +} + +.xchart .color0 circle { + fill: #fff; +} + +.xchart .color0 .fill { + fill: rgba(250, 119, 83, 0.05); +} +.xchart .color0.comp .line { + stroke: #37485d; +} +.xchart .color0.comp rect { + fill: #37485d; +} +.xchart .color0.comp .fill { + display: none; +} +.xchart .color0.comp circle, +.xchart .color0.comp .pointer { + fill: #37485d; +} + +.xchart .color1 .line { + stroke: #e4e9f0; +} + +.xchart .color1 circle { + stroke: #e4e9f0; +} + +.xchart .color1 .line .fill { + pointer-events: none; +} + +.xchart .color1 rect { + fill: #e4e9f0; +} + +.xchart .color1 circle { + fill: #fff; +} + +.xchart .color1 .fill { + fill: rgba(35, 129, 233, 0.05); +} +.xchart .color1.comp .line { + stroke: #e4e9f0; +} +.xchart .color1.comp rect { + fill: #e4e9f0; +} +.xchart .color1.comp .fill { + display: none; +} +.xchart .color1.comp circle, +.xchart .color1.comp .pointer { + fill: #e4e9f0; +} diff --git a/login/src/main/webapp/login/css/menu_mainStyle.css b/login/src/main/webapp/login/css/menu_mainStyle.css index 2988b55b..7c866a9f 100644 --- a/login/src/main/webapp/login/css/menu_mainStyle.css +++ b/login/src/main/webapp/login/css/menu_mainStyle.css @@ -27,10 +27,6 @@ top: 0; } -.fixed-sidebar #page-main { - margin-left: 0; -} - /* Sidebar */ #page-sidebar { width: 240px; @@ -38,29 +34,11 @@ z-index: 90; border: #c1cad5 solid 0.5px; border-width: 0px 0px 0px 1px; -} - -.fixed-sidebar #page-sidebar { - position: fixed; - top: 0; -} - -.close-sidebar #page-sidebar { - margin-left: -240px; -} - -.close-sidebar.fixed-header #page-sidebar { - position: fixed; - top: 0; -} - -.fixed-header.fixed-footer #page-sidebar { - padding-bottom: 50px; + background: #e4e9f0; } #header-logo { width: 240px; - background: #FFF; text-transform: uppercase; font-weight: normal; height: 52px; @@ -280,3 +258,10 @@ a { color: #FFF; border-left: 3px solid #4ac9ff; } + +#mainFrame_div { + padding-top: 30px; + padding-bottom: 30px; + padding-right: 30px; + padding-left: 30px; +} \ No newline at end of file diff --git a/login/src/main/webapp/login/html/menu.html b/login/src/main/webapp/login/html/menu.html index 509a5493..53a82a66 100644 --- a/login/src/main/webapp/login/html/menu.html +++ b/login/src/main/webapp/login/html/menu.html @@ -32,6 +32,7 @@ + @@ -40,8 +41,8 @@ - -
+ +
-
diff --git a/login/src/main/webapp/login/html/temp/alarmQuery.html b/login/src/main/webapp/login/html/temp/alarmQuery.html deleted file mode 100644 index e4f23650..00000000 --- a/login/src/main/webapp/login/html/temp/alarmQuery.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

alarmQuery test page

-
diff --git a/login/src/main/webapp/login/html/temp/modelDesign.html b/login/src/main/webapp/login/html/temp/modelDesign.html deleted file mode 100644 index dcc37303..00000000 --- a/login/src/main/webapp/login/html/temp/modelDesign.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

modelDesign test page

-
diff --git a/login/src/main/webapp/login/html/temp/package.html b/login/src/main/webapp/login/html/temp/package.html deleted file mode 100644 index 88b6c551..00000000 --- a/login/src/main/webapp/login/html/temp/package.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

package test page

-
diff --git a/login/src/main/webapp/login/html/temp/parameterSetting.html b/login/src/main/webapp/login/html/temp/parameterSetting.html deleted file mode 100644 index 395fff33..00000000 --- a/login/src/main/webapp/login/html/temp/parameterSetting.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

parameterSetting test page

-
diff --git a/login/src/main/webapp/login/html/temp/performanceQuery.html b/login/src/main/webapp/login/html/temp/performanceQuery.html deleted file mode 100644 index 7a050ace..00000000 --- a/login/src/main/webapp/login/html/temp/performanceQuery.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

performanceQuery test page

-
diff --git a/login/src/main/webapp/login/html/temp/resourceManagement.html b/login/src/main/webapp/login/html/temp/resourceManagement.html deleted file mode 100644 index 3614ff55..00000000 --- a/login/src/main/webapp/login/html/temp/resourceManagement.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

resourceManagement test page

-
diff --git a/login/src/main/webapp/login/html/temp/sdbController.html b/login/src/main/webapp/login/html/temp/sdbController.html deleted file mode 100644 index a561ba3e..00000000 --- a/login/src/main/webapp/login/html/temp/sdbController.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

sdbController test page

-
diff --git a/login/src/main/webapp/login/html/temp/serviceManagement.html b/login/src/main/webapp/login/html/temp/serviceManagement.html deleted file mode 100644 index 8a7caaa0..00000000 --- a/login/src/main/webapp/login/html/temp/serviceManagement.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

serviceManagement test page

-
diff --git a/login/src/main/webapp/login/html/temp/serviceTemplate.html b/login/src/main/webapp/login/html/temp/serviceTemplate.html deleted file mode 100644 index b368cd75..00000000 --- a/login/src/main/webapp/login/html/temp/serviceTemplate.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

serviceTemplate test page

-
diff --git a/login/src/main/webapp/login/html/temp/vimManage.html b/login/src/main/webapp/login/html/temp/vimManage.html deleted file mode 100644 index 79335012..00000000 --- a/login/src/main/webapp/login/html/temp/vimManage.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

vimManage test page

-
diff --git a/login/src/main/webapp/login/html/temp/vnfm.html b/login/src/main/webapp/login/html/temp/vnfm.html deleted file mode 100644 index 38975f4d..00000000 --- a/login/src/main/webapp/login/html/temp/vnfm.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

vnfm test page

-
diff --git a/login/src/main/webapp/login/image/animated-overlay.gif b/login/src/main/webapp/login/image/animated-overlay.gif new file mode 100755 index 0000000000000000000000000000000000000000..d441f75ebfbdf26a265dfccd670120d25c0a341c GIT binary patch literal 1738 zcmZ|OX;ji_6b5ixNYt8>l?gOuO)6lU%W(mxn(`>1S(XO;u`D+P%xqBvMr|w-Vyr1s z7R|Cn0b8|Hu<=Zmv1mFqh9Fj!NuZfKB2MP$e75`XJ@>=!y!Ux9xR3x;EW!q1^V>X| znVFuRUN`NqJ2)ybXh%e__h!!pv(M|S3+?9F%(K}zyE40MGyhWF5-IDgL&=%2-9`Nk z!1@8uk4t%_{(K~>N;sK&dzJbwJ=$kYTlL=$%#0Pfh>U{%i@~wWbvYsD_K-D`&+u1( z#Ma`>%q<^UhzGvi(hyE`zCD{-=2|zL5>wnB=DE!U?(CZG%q4@lDnCq_%&3DCla#(X zmBhDD+RN$aMWWHm?ig*>1Onn6~r?Ma~N2JKAxN>H%UtRyRqS)6Um!-Tz%-r=& zQmTb^JFIe3W^-kAm`}`2P|niMh>RYyd)S^f(dbrx965?rzbhP|XeP}o&&DSZ4|oYQ z)I{f!SfycYw?3=9W;o-B%U5xs(pP267X~9-7L|4WzaYexC0GtG8wWygm63rF{llCEraxzkc=IxvFQ-y37=_;e5 zJLq^gsSO0Ayz?a>E_?{dmUc+t#qv$)XN8$<<}rQ#)lsiw+pmL&J>~+hgpo>i$m+;l zZIa_ZRIfSeT$~v5d`EBV&*k`apPgjv&B|+d`Q!nyu{L4rs%ZfoF0*Kq8I%ByOcFpL zK=>wzofZo<+0GZLCnWM3oQ^pb(gRSf02;~cEn@LJ>~XB9IkEX{$N#Z`m%>S!U{uPx zloI%bLdo$Adxlh(Uv^yX7s5G&C zLwNRG>~T?G{kzupp8EcyLGPoPf)@&9Wqfw_l&uU-6cexk%5;uQg%wb=0k_733{i#& z1a2p)gV3S2+QG1-K9tZ}E~I<(P0r2aFFY-c{o?TUOz3Xjod#TLE2A_c?*T7t z=1>~%YW450{Qqno4t`}gvLnuMrcu8+#xEBoY%2_+Mb#Z6S38+r*M4O`-+!zl(@m`D zQsi|GA2l3gEy}LFe<#Hv8?$_L#u8E|3-bP$*La*E>B{X!Sy4i6?TKam!49aXCAW4S*P_O^H4^*DpiA40o}Uqw~Eo&veh1`|8i zD2$x+>_b^bXE4N;AW=5>iYak2%!JAh0j1*k1{p#iRCjbB7!cSws~U{1IA@acLII$t z$>X#A+^s6iJ5~DFG!xa?>z{=lxtdi1rzbM-(nqAu3D8h-&64xo6|E!p?pK0xT;qoK z`6%+SpBk+~M?nO}>2mTw!A{yZ6O>Z@kwSd4;8aWU5z!P~tQl?u==^+R`{OmOS}oZh zOXQ3{6kuz?Is^n^L7;9ieB9C+8B{>t+pDrlq4xGDDn#T#3T5$l1g`FTQkU;b-981j zNm{zC`$wn7etklM#qHI4=3m5gwa6DNS{?Z!vSObi_od{4eUo=_S2BKNpkSdiqe(k9WtkeM79;2-%CFbb)aB=&H1?i1}uwFzoZQ(38Kn1zBP ORn*B%u*Wk|4g3!*Rv{Mv literal 0 HcmV?d00001 diff --git a/login/src/main/webapp/login/image/colorpicker.png b/login/src/main/webapp/login/image/colorpicker.png new file mode 100755 index 0000000000000000000000000000000000000000..10d55491dbb5b40ac4890387ebfc10b16724a892 GIT binary patch literal 30293 zcmXt9cT^K!u#WT+3xY@}(gZ;eNCKgW^q_($pa=p|l58kJMVkHq=|u@0ftVm2l`2`l zf`GKpl2Angc9bFkL4_p`IJg@lAa5aj3Q z7Zw)Y+S;h7sNiro2M-<;6%`d17e8>|fV8yq-rinKP0f)bM|8B1$BrH2UYpu%OF zI~}DKoPP&4MX*9e2Y04FbAp5qbFBKe4~{(8g^HH$GPbw(DEs$!?FqZ@?uo1H-W9#A z&mnAX?zZmdlvM71*v~;+3P5zPUoOEhjtHs+1+hk6OI$+T*}PZ+Ty(K z13B#fIN`&F9ERxjhR5catqlkg^*ELz7`=<;L<$NqlgBum)Q~Ao^@kSDLrxjznh)X> zct1{S83*Ed z=5r>86HcboaX3?VPG5vTPWzmN+&Imt34&a4cjI7;APi3qgg}5;Wm$%CecSrB55y5d zf?S~Gn?XA7aS9>!kpCXv%7j2(QXqq#1D7F9kiG#3xi|z818Ik34A?;E^c)D}QMfAu z0vYJ1^+T*GAdku+=?sXZf%H7r`|U#h0B=KkpV&(GgJkvh-5{_y_p-m|Djdr_~(yel(W=l6D|JH9rx>`guXKysN= zOou=eAm^;iFW;FOZxwub`Q1BC^rq-(g;KSr5*j>?R(0ng{4#NRrjez(dLsKola7k< z$;1hl`Ut07R*?`+d2`v?!T*xNp}*Efl2$eM8@eTJb%*|VF1Ace{h%O&@i9`=i8I?2 z!(ia$^|@fvfEAMAlkac-+(?%WoqNc(b{`mtRpw0KWc7}xe}T@-*~o@=JD8e2AZN^| zlo`Y#iQbWTm6nU#+e*GUE2ZQ0c17*joiDLAYR97fj>xFpXy08Y zt1Y*zv`woC9FX0pR`}2HZ^_H78KVb__3eABz4Fn&Is{jq-1+(J$+7?DOWf4=daZ9h zD00}zn>i>E9{j;}B%}0d{dMizr-^TGE{zUqF;WH(w;&Hr

pRQ0a4w4UdKT2hmqw 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 ILUxTc0Q$^Q5C8xG literal 0 HcmV?d00001 diff --git a/login/src/main/webapp/login/js/loginApp.js b/login/src/main/webapp/login/js/loginApp.js index f3f4690e..35434a00 100644 --- a/login/src/main/webapp/login/js/loginApp.js +++ b/login/src/main/webapp/login/js/loginApp.js @@ -15,7 +15,7 @@ */ var loginApp = angular.module("loginApp", []); -loginApp.controller("loginCtrl", function($scope) { +loginApp.controller("loginCtrl", function($scope, $http) { $scope.loginFormInit = function() { $scope.error = ""; if ($.cookie("loginkeeping") == "true") { @@ -33,21 +33,35 @@ loginApp.controller("loginCtrl", function($scope) { } }; $scope.loginFormSubmit = function() { - if ($scope.user.loginkeeping) { - $.cookie("loginkeeping", "true", {expires: 7}); - $.cookie("username", $scope.user.username, {expires: 7}); - $.cookie("password", $scope.user.password, {expires: 7}); - } else { - $.cookie("loginkeeping", "false", {expire: -1}); - $.cookie("username", "", {expires: -1}); - $.cookie("password", "", {expires: -1}); - } + if ($scope.user.loginkeeping) { + $.cookie("loginkeeping", "true", {expires: 7}); + $.cookie("username", $scope.user.username, {expires: 7}); + $.cookie("password", $scope.user.password, {expires: 7}); + } else { + $.cookie("loginkeeping", "false", {expire: -1}); + $.cookie("username", "", {expires: -1}); + $.cookie("password", "", {expires: -1}); + } + + var loginData = { + "userName": $scope.user.username, + "password": $scope.user.password + } - //if (response.status == -1) { - // $scope.error = "Incorrect username/password !"; - //} else { - // $scope.error = ""; - top.window.document.location.href = "/openoui/login/html/menu.html"; - //} + $http({ + url: "/openoapi/auth/v1/tokens", + method: "POST", + contentType: 'application/json; charset=utf-8', + data: JSON.stringify(loginData) + }).success(function(data, status) { + var topURL = top.window.document.location.href; + if (topURL.indexOf("?service") != -1) { + top.window.document.location.href = decodeURIComponent(topURL.substring(topURL.indexOf("?service") + 9)); + } else { + top.window.document.location.href = "/openoui/login/html/menu.html"; + } + }).error(function(data, status) { + $scope.error = "Incorrect username/password !"; + }); }; }); diff --git a/login/src/main/webapp/login/js/menuApp.js b/login/src/main/webapp/login/js/menuApp.js index 3dad3d76..aa2d150c 100644 --- a/login/src/main/webapp/login/js/menuApp.js +++ b/login/src/main/webapp/login/js/menuApp.js @@ -62,3 +62,31 @@ function iFrameHeight() { ifm.height = subWeb.body.scrollHeight; } }; + +function clickDashboard() { + var dashboard_div = document.getElementById("dashboard_div"); + var mainFrame_div = document.getElementById("mainFrame_div"); + dashboard_div.style.display='none'; + mainFrame_div.style.display='block'; +} + +function dashboardInit() { + var dashboard_div = document.getElementById("dashboard_div"); + var mainFrame_div = document.getElementById("mainFrame_div"); + mainFrame_div.style.display='none'; + dashboard_div.style.visidisplaybility='block'; +} + +function logoutSubmit() { + $.ajax({ + url: "/openoapi/auth/v1/tokens" + "?=" + new Date().getTime(), + type: "DELETE", + contentType: "application/json", + dataType: "text", + success: function() { + top.window.location = "/openoui/login/index.html"; + }, + error: function() { + } + }) +} diff --git a/monitor/src/main/webapp/monitor/js/monitorSettingController.js b/monitor/src/main/webapp/monitor/js/monitorSettingController.js index 35ed2265..742b302c 100755 --- a/monitor/src/main/webapp/monitor/js/monitorSettingController.js +++ b/monitor/src/main/webapp/monitor/js/monitorSettingController.js @@ -45,7 +45,7 @@ var vm = avalon } }, dataTableLanguage: { - "sProcessing": "  Loadding...", + "sProcessing": "  Loadding...", "sLengthMenu": $.i18n.prop("openo-umc-monitor-iui-table-sLengthMenu"), "sZeroRecords": $.i18n.prop("openo-umc-monitor-iui-table-sZeroRecords"), "sInfo": "" + $.i18n.prop("openo-umc-monitor-iui-table-sInfo"), diff --git a/performance/src/main/webapp/performance/js/curAlarmsController.js b/performance/src/main/webapp/performance/js/curAlarmsController.js index 33248e63..0ac2a2f1 100755 --- a/performance/src/main/webapp/performance/js/curAlarmsController.js +++ b/performance/src/main/webapp/performance/js/curAlarmsController.js @@ -112,7 +112,7 @@ var vm = avalon.define({ }, $language: { - "sProcessing": "  å¤„理中...", + "sProcessing": "  å¤„理中...", "sLengthMenu": $.i18n.prop("ngict-fm-iui-table-sLengthMenu"), "sZeroRecords": $.i18n.prop("ngict-fm-iui-table-sZeroRecords"), "sInfo": "" + $.i18n.prop("ngict-fm-iui-table-sInfo"), diff --git a/performance/src/main/webapp/performance/js/performanceQueryController.js b/performance/src/main/webapp/performance/js/performanceQueryController.js index 50dc3a89..1b60f50f 100755 --- a/performance/src/main/webapp/performance/js/performanceQueryController.js +++ b/performance/src/main/webapp/performance/js/performanceQueryController.js @@ -483,7 +483,7 @@ pm.query.vmPmQuery = avalon.define({ } ] , $language: { - "sProcessing": "  å¤„理中...", + "sProcessing": "  å¤„理中...", "sLengthMenu": $.i18n.prop("ngict-log-iui-table-sLengthMenu"), "sZeroRecords": $.i18n.prop("ngict-log-iui-table-sZeroRecords"), "sInfo": " " + $.i18n.prop("ngict-log-iui-table-sInfo"), -- 2.16.6