add login and logout function
Issue-id: CLIENT-175
Change-Id: Ib4e85aa373617e58992bbe783dcc8cbfb67e37e8
Signed-off-by: shentao <shentao@chinamobile.com>
diff --git a/common/src/main/webapp/framework/css/open-ostyle.css b/common/src/main/webapp/framework/css/open-ostyle.css
index a1c8f5d..b55b1dc 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 @@
}
#rightContainer {
- margin-top:20px;
+ margin-top: 0px;
}
#panel1 li:first-child{
@@ -1017,4 +1017,4 @@
width:95%;
display:inline-block;
-}
\ No newline at end of file
+}
diff --git a/login/src/main/webapp/login/css/dashboard_mainStyle.css b/login/src/main/webapp/login/css/dashboard_mainStyle.css
new file mode 100755
index 0000000..e94d49b
--- /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 2988b55..7c866a9 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 @@
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 509a549..53a82a6 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;"/>
@@ -64,14 +65,14 @@
<li><a href="/openoui/resmgr/index.html" target="mainFrame">Resource Management</a></li>
</ul>
</li>
- <li>
+ <!-- <li>
<div class="link">
<i class="fa fa-map-marker"></i>Province<i class="fa fa-chevron-down"></i>
</div>
<ul class="submenu">
<li><a href="/openoui/provincemgr/index.html" target="mainFrame">Province Management</a></li>
</ul>
- </li>
+ </li> -->
<li>
<div class="link">
<i class="fa fa-edit"></i>Orchestrator<i class="fa fa-chevron-down"></i>
@@ -111,7 +112,7 @@
</li>
<li>
<div class="link">
- <i class="fa fa-puzzle-piece"></i>Market<i class="fa fa-chevron-down"></i>
+ <i class="fa fa-puzzle-piece"></i>VNF Market<i class="fa fa-chevron-down"></i>
</div>
<ul class="submenu">
<li><a href="/openoui/vnfmarket/index.html" target="mainFrame">VNF Market Place</a></li>
@@ -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 e4f2365..0000000
--- 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 dcc3730..0000000
--- 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 88b6c55..0000000
--- 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 395fff3..0000000
--- 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 7a050ac..0000000
--- 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 3614ff5..0000000
--- 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 a561ba3..0000000
--- 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 8a7caaa..0000000
--- 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 b368cd7..0000000
--- 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 7933501..0000000
--- 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 38975f4..0000000
--- 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
new file mode 100755
index 0000000..d441f75
--- /dev/null
+++ b/login/src/main/webapp/login/image/animated-overlay.gif
Binary files differ
diff --git a/login/src/main/webapp/login/image/colorpicker.png b/login/src/main/webapp/login/image/colorpicker.png
new file mode 100755
index 0000000..10d5549
--- /dev/null
+++ b/login/src/main/webapp/login/image/colorpicker.png
Binary files differ
diff --git a/login/src/main/webapp/login/image/jcrop.gif b/login/src/main/webapp/login/image/jcrop.gif
new file mode 100755
index 0000000..72ea7cc
--- /dev/null
+++ b/login/src/main/webapp/login/image/jcrop.gif
Binary files differ
diff --git a/login/src/main/webapp/login/js/loginApp.js b/login/src/main/webapp/login/js/loginApp.js
index f3f4690..35434a0 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 @@
}
};
$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});
+ }
- //if (response.status == -1) {
- // $scope.error = "Incorrect username/password !";
- //} else {
- // $scope.error = "";
- top.window.document.location.href = "/openoui/login/html/menu.html";
- //}
+ var loginData = {
+ "userName": $scope.user.username,
+ "password": $scope.user.password
+ }
+
+ $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 3dad3d7..aa2d150 100644
--- a/login/src/main/webapp/login/js/menuApp.js
+++ b/login/src/main/webapp/login/js/menuApp.js
@@ -62,3 +62,31 @@
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 35ed226..742b302 100755
--- a/monitor/src/main/webapp/monitor/js/monitorSettingController.js
+++ b/monitor/src/main/webapp/monitor/js/monitorSettingController.js
@@ -45,7 +45,7 @@
}
},
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 33248e6..0ac2a2f 100755
--- a/performance/src/main/webapp/performance/js/curAlarmsController.js
+++ b/performance/src/main/webapp/performance/js/curAlarmsController.js
@@ -112,7 +112,7 @@
},
$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 50dc3a8..1b60f50 100755
--- a/performance/src/main/webapp/performance/js/performanceQueryController.js
+++ b/performance/src/main/webapp/performance/js/performanceQueryController.js
@@ -483,7 +483,7 @@
}
] ,
$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"),
