diff options
25 files changed, 12712 insertions, 256 deletions
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/lifecyclemgr/src/main/webapp/lifecyclemgr/js/DataService.js b/lifecyclemgr/src/main/webapp/lifecyclemgr/js/DataService.js index 34c991f8..0361864d 100644 --- a/lifecyclemgr/src/main/webapp/lifecyclemgr/js/DataService.js +++ b/lifecyclemgr/src/main/webapp/lifecyclemgr/js/DataService.js @@ -195,8 +195,16 @@ app.factory("DataService", function($http, $log){ });
//return JSON.parse('[{"id":"12345", "name":"sdno"}, {"id":"23456", "name":"gso"},{"id":"12345", "name":"nfvo"}]');
},
- loadNfvoServiceDetails : function(id) {
- return JSON.parse('{"vnfInfoId": [{ "vnfInstanceId": "123", "vnfInstanceName": "vnf instance 1", "vnfProfileId": "321" }, { "vnfInstanceId": "123", "vnfInstanceName": "vnf instance 1", "vnfProfileId": "321" }], "vlInfo": [{ "networkResource": {"resourceName": "network resource 1"}, "linkPortResource": { "resourceName": "link port resource 1"}}, { "networkResource": {"resourceName": "network resource 1"}, "linkPortResource": { "resourceName": "link port resource 1"}}], "vnffgInfo": [{"vnfId": "vnfid-123", "virtualLinkId": "virtual link 123", "cpId": "cp id 123", "nfp": "nfp 123"}, {"vnfId": "vnfid-123", "virtualLinkId": "virtual link 123", "cpId": "cp id 123", "nfp": "nfp 123"}]}');
+ loadNfvoServiceDetails : function(id, processFun) {
+ return $http({
+ url: url+'/openoapi/nslcm/v1/ns/' + id,
+ method: 'GET',
+ data: null,
+ headers: {'Content-Type': 'application/json'}
+ }).then(function(response){
+ processFun(response.data);
+ });
+ // return JSON.parse('{"vnfInfoId": [{ "vnfInstanceId": "123", "vnfInstanceName": "vnf instance 1", "vnfProfileId": "321" }, { "vnfInstanceId": "123", "vnfInstanceName": "vnf instance 1", "vnfProfileId": "321" }], "vlInfo": [{ "networkResource": {"resourceName": "network resource 1"}, "linkPortResource": { "resourceName": "link port resource 1"}}, { "networkResource": {"resourceName": "network resource 1"}, "linkPortResource": { "resourceName": "link port resource 1"}}], "vnffgInfo": [{"vnfId": "vnfid-123", "virtualLinkId": "virtual link 123", "cpId": "cp id 123", "nfp": "nfp 123"}, {"vnfId": "vnfid-123", "virtualLinkId": "virtual link 123", "cpId": "cp id 123", "nfp": "nfp 123"}]}');
},
generateTemplatesComponent : function() {
diff --git a/lifecyclemgr/src/main/webapp/lifecyclemgr/js/app.js b/lifecyclemgr/src/main/webapp/lifecyclemgr/js/app.js index 066953a7..8412dcab 100644 --- a/lifecyclemgr/src/main/webapp/lifecyclemgr/js/app.js +++ b/lifecyclemgr/src/main/webapp/lifecyclemgr/js/app.js @@ -809,16 +809,18 @@ var app = angular.module("lcApp", ["ui.router", "ngTable"])/*, 'ui.bootstrap', ' console.log("nfvoDetailCtrl --> $stateParams.segmentId:: " + $stateParams.segmentId);
//$scope.currentId = $stateParams.id;
- var jsonData = DataService.loadNfvoServiceDetails($stateParams.id);
var table_tpl = $(lcmModelTemplate).filter('#table').html();
- var vnfData = fetchDataForVnf(jsonData);
- $('#vnfInfoTable').html(Mustache.to_html(table_tpl, vnfData));
+ var processFun = function (jsonData) {
+ var vnfData = fetchDataForVnf(jsonData);
+ $('#vnfInfoTable').html(Mustache.to_html(table_tpl, vnfData));
- var vlData = fetchDataForVl(jsonData);
- $('#vlInfoTable').html(Mustache.to_html(table_tpl, vlData));
+ var vlData = fetchDataForVl(jsonData);
+ $('#vlInfoTable').html(Mustache.to_html(table_tpl, vlData));
- var vnffgData = fetchDataForVnffg(jsonData);
- $('#vnffgInfoTable').html(Mustache.to_html(table_tpl, vnffgData));
+ var vnffgData = fetchDataForVnffg(jsonData);
+ $('#vnffgInfoTable').html(Mustache.to_html(table_tpl, vnffgData));
+ };
+ DataService.loadNfvoServiceDetails($stateParams.id, processFun);
function fetchDataForVnf(jsonData) {
var header = ["Vnf instance Name"];
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 e2f37d33..53a82a66 100644 --- a/login/src/main/webapp/login/html/menu.html +++ b/login/src/main/webapp/login/html/menu.html @@ -32,6 +32,7 @@ <link rel="stylesheet" type="text/css" href="/openoui/framework/css/open-ostyle.css"/> <link rel="stylesheet" type="text/css" href="/openoui/login/css/menu_mainStyle.css"/> + <link rel="stylesheet" type="text/css" href="/openoui/login/css/dashboard_mainStyle.css"/> <script type="text/javascript" src="/openoui/thirdparty/js/jquery_1.12.4.min.js"></script> <script type="text/javascript" src="/openoui/thirdparty/js/jquery-ui.js"></script> @@ -40,8 +41,8 @@ <script type="text/javascript" src="/openoui/login/js/menuApp.js"></script> </head> - <body onload="init_menu()"> - <div id="page-wrapper" class="main-menu fixed-sidebar fixed-header"> + <body onload="init_menu(); dashboardInit()"> + <div id="page-wrapper" class="fixed-sidebar" style="overflow-y:hidden; overflow-x:hidden;"> <div id="page-sidebar"> <div id="header-logo"> <img src="/openoui/login/image/openo_logo_pantone.png" width="75%" style="display:block; margin:0 auto;"/> @@ -139,7 +140,7 @@ </a> <ul class="dropdown-menu float-right"> <li> - <a href="javascript:;" title=""> + <a href="javascript:;" title="" onclick="logoutSubmit()"> <span class="font-bold">Logout</span> </a> </li> @@ -155,8 +156,132 @@ </div> </div> </div> - <div id="rightContainer" style="width:100%; height:100%; margin-left=240px;"> - <iframe id="mainFrame" name="mainFrame" frameBorder="0" scrolling="no" width="100%" height="100%" onload="iFrameHeight()"></iframe> + <div id="rightContainer" style="width:100%; height:95%; margin-left=240px; overflow-y:auto; overflow-x:hidden;"> + <div id="dashboard_div"> + <div class="col-md-4"> + <a href="/openoui/lifecyclemgr/index.html" target="mainFrame" class="tile-button btn clearfix bg-white mrg30B" title="" onclick="clickDashboard()"> + <div class="tile-header pad10A font-size-13 popover-title"> + Service + </div> + <div class="tile-content-wrapper"> + <i class="glyph-icon fa-cloud"></i> + <div class="tile-content"> + <i class="glyph-icon icon-chevron-right font-green"></i>Click + </div> + <small> + <span class="font-orange">Service Management</span> + </small> + </div> + <div class="tile-footer mrg5A primary-bg"> + view details + <i class="glyph-icon icon-arrow-right"></i> + </div> + </a> + </div> + <div class="col-md-4"> + <a href="/openoui/resmgr/index.html" target="mainFrame" class="tile-button btn clearfix bg-white mrg30B" title="" onclick="clickDashboard()"> + <div class="tile-header pad10A font-size-13 popover-title"> + Resource + </div> + <div class="tile-content-wrapper"> + <i class="glyph-icon fa-search-minus"></i> + <div class="tile-content"> + <i class="glyph-icon icon-chevron-right font-green"></i>Click + </div> + <small> + <span class="font-orange">Resource Management</span> + </small> + </div> + <div class="tile-footer mrg5A primary-bg"> + view details + <i class="glyph-icon icon-arrow-right"></i> + </div> + </a> + </div> + <div class="col-md-4"> + <a href="/openoui/catalog/csarPackage.html" target="mainFrame" class="tile-button btn clearfix bg-white mrg30B" title="" onclick="clickDashboard()"> + <div class="tile-header pad10A font-size-13 popover-title"> + Orchestrator + </div> + <div class="tile-content-wrapper"> + <i class="glyph-icon fa-edit"></i> + <div class="tile-content"> + <i class="glyph-icon icon-chevron-right font-green"></i>Click + </div> + <small> + <span class="font-orange">Package</span> + </small> + </div> + <div class="tile-footer mrg5A primary-bg"> + view details + <i class="glyph-icon icon-arrow-right"></i> + </div> + </a> + </div> + <div class="col-md-4"> + <a href="/openoui/extsys/vim/vimView.html" target="mainFrame" class="tile-button btn clearfix bg-white mrg30B" title="" onclick="clickDashboard()"> + <div class="tile-header pad10A font-size-13 popover-title"> + Manage View + </div> + <div class="tile-content-wrapper"> + <i class="glyph-icon fa-cogs"></i> + <div class="tile-content"> + <i class="glyph-icon icon-chevron-right font-green"></i>Click + </div> + <small> + <span class="font-orange">VIM Manage</span> + </small> + </div> + <div class="tile-footer mrg5A primary-bg"> + view details + <i class="glyph-icon icon-arrow-right"></i> + </div> + </a> + </div> + <div class="col-md-4"> + <a href="/openoui/performance/performance_view.html" target="mainFrame" class="tile-button btn clearfix bg-white mrg30B" title="" onclick="clickDashboard()"> + <div class="tile-header pad10A font-size-13 popover-title"> + Performance + </div> + <div class="tile-content-wrapper"> + <i class="glyph-icon fa-line-chart"></i> + <div class="tile-content"> + <i class="glyph-icon icon-chevron-right font-green"></i>Click + </div> + <small> + <span class="font-orange">Performance Query</span> + </small> + </div> + <div class="tile-footer mrg5A primary-bg"> + view details + <i class="glyph-icon icon-arrow-right"></i> + </div> + </a> + </div> + <div class="col-md-4"> + <a href="/openoui/monitor/monitorSettingList.html" target="mainFrame" class="tile-button btn clearfix bg-white mrg30B" title="" onclick="clickDashboard()"> + <div class="tile-header pad10A font-size-13 popover-title"> + Monitor + </div> + <div class="tile-content-wrapper"> + <i class="glyph-icon fa-eye"></i> + <div class="tile-content"> + <i class="glyph-icon icon-chevron-right font-green"></i>Click + </div> + <small> + <span class="font-orange">Parameter Setting</span> + </small> + </div> + <div class="tile-footer mrg5A primary-bg"> + view details + <i class="glyph-icon icon-arrow-right"></i> + </div> + </a> + </div> + </div> + <div id="mainFrame_div"> + <iframe id="mainFrame" name="mainFrame" frameBorder="0" scrolling="no" width="100%" height="100%" onload="iFrameHeight()"></iframe> + </div> </div> </div> </div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>alarmQuery test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>modelDesign test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>package test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>parameterSetting test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>performanceQuery test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>resourceManagement test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>sdbController test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>serviceManagement test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>serviceTemplate test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>vimManage test page</h4> -</div> 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 @@ -<!-- - Copyright 2016-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. ---> -<div> - <h4>vnfm test page</h4> -</div> diff --git a/login/src/main/webapp/login/image/animated-overlay.gif b/login/src/main/webapp/login/image/animated-overlay.gif Binary files differnew file mode 100755 index 00000000..d441f75e --- /dev/null +++ b/login/src/main/webapp/login/image/animated-overlay.gif diff --git a/login/src/main/webapp/login/image/colorpicker.png b/login/src/main/webapp/login/image/colorpicker.png Binary files differnew file mode 100755 index 00000000..10d55491 --- /dev/null +++ b/login/src/main/webapp/login/image/colorpicker.png diff --git a/login/src/main/webapp/login/image/jcrop.gif b/login/src/main/webapp/login/image/jcrop.gif Binary files differnew file mode 100755 index 00000000..72ea7ccb --- /dev/null +++ b/login/src/main/webapp/login/image/jcrop.gif 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": "<img src='/openoui/common/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span> Loadding...</span>", + "sProcessing": "<img src='/openoui/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span> Loadding...</span>", "sLengthMenu": $.i18n.prop("openo-umc-monitor-iui-table-sLengthMenu"), "sZeroRecords": $.i18n.prop("openo-umc-monitor-iui-table-sZeroRecords"), "sInfo": "<span class='seperator'></span>" + $.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": "<img src='../common/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span> 处理中...</span>", + "sProcessing": "<img src='/openoui/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span> 处理中...</span>", "sLengthMenu": $.i18n.prop("ngict-fm-iui-table-sLengthMenu"), "sZeroRecords": $.i18n.prop("ngict-fm-iui-table-sZeroRecords"), "sInfo": "<span class='seperator'></span>" + $.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": "<img src='../common/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span> 处理中...</span>", + "sProcessing": "<img src='/openoui/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span> 处理中...</span>", "sLengthMenu": $.i18n.prop("ngict-log-iui-table-sLengthMenu"), "sZeroRecords": $.i18n.prop("ngict-log-iui-table-sZeroRecords"), "sInfo": "<span class='seperator'> </span>" + $.i18n.prop("ngict-log-iui-table-sInfo"), |
