add login and logout function

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