@-webkit-keyframes scaleDownFromFront { from { opacity: 0; transform: scale(1.3); }
  to { opacity: 1; } }

@-moz-keyframes scaleDownFromFront { from { opacity: 0; transform: scale(1.3); }
  to { opacity: 1; } }

@-ms-keyframes scaleDownFromFront { from { opacity: 0; transform: scale(1.3); }
  to { opacity: 1; } }

@keyframes scaleDownFromFront { from { opacity: 0; transform: scale(1.3); }
  to { opacity: 1; } }

@-webkit-keyframes scaleDownToBehind { to { opacity: 0; transform: scale(0.5); } }

@-moz-keyframes scaleDownToBehind { to { opacity: 0; transform: scale(0.5); } }

@-ms-keyframes scaleDownToBehind { to { opacity: 0; transform: scale(0.5); } }

@keyframes scaleDownToBehind { to { opacity: 0; transform: scale(0.5); } }

/** -- Site Theme
*/
html { position: relative; min-height: 100%; }

body, .page-container { position: absolute; min-height: 100%; width: 100%; max-width: 100%; }

.block-ui { -webkit-transition: opacity 0.6s; transition: opacity 0.6s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; opacity: 0; filter: alpha(opacity=0); position: fixed; top: 0; bottom: 0; width: 100%; cursor: progress !important; background-color: white; z-index: 9999; }

body { -webkit-transition: padding-top 0.2s ease-in-out; transition: padding-top 0.2s ease-in-out; -ms-overflow-style: scrollbar; background-color: #fafafa; }
body.controller-loading { overflow: hidden; }
body.controller-loading .block-ui { opacity: 0.5; filter: alpha(opacity=50); }
body.controller-loading #ft { display: none !important; }
body.expand-full .container { width: 100% !important; margin-left: 0; margin-right: 0; }
body.expand-full .container.col-fixed-left { position: relative; padding-left: 225px; }
body.expand-full .scrollable table { max-width: none; }
body.expand-full .col-fixed { position: absolute; width: 215px; left: 0; min-height: 1px; padding-left: 10px; padding-right: 10px; }
body.expand-full .page-container { padding-bottom: 0; }
body.expand-full #module-container { min-height: 0; padding-bottom: 0; }
body.expand-full #bd-container { width: auto; margin: 0; min-height: 100px; }
body.expand-full #ft { display: none; }

.module-nav { position: relative; }
.module-nav > .navbar-nav { margin: 0; }
.module-nav > .navbar-text + .divider, .module-nav > .navbar-nav + .divider { display: block; position: absolute; border-left: 2px solid #d9d9d9; left: -15px; top: 0; height: 30px; margin-top: 5px; }

.container { margin-left: 10px; margin-right: 10px; width: auto; }
@media (min-width: 1092px) { .container { margin-left: 110px; width: 960px; } }
@media (min-width: 1300px) { .container { width: 1160px; } }

.container-fluid { margin-left: 10px; margin-right: 10px; }

.page-container { -webkit-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; background-color: #fafafa; padding-bottom: 100px; z-index: 1; }
@media (max-width: 991px) { .page-container { padding-bottom: 0; } }

#hd .site-actions { position: relative; float: right; margin: 0 10px; z-index: 1; }

#bd-container { min-height: 400px; }

#bd > .container:first-child { margin-top: 30px; }
@media (max-width: 767px) { #bd > .container:first-child { margin-top: 15px; } }

#ft { position: absolute; bottom: 0; width: 100%; font-size: 12px; background-color: #f0f0f0; border-top: 1px solid #e0e0e0; padding: 10px 0; }
@media (max-width: 991px) { #ft { display: none; } }

/** -- Site messages */
#site-message-container { opacity: 0.9; filter: alpha(opacity=90); -webkit-box-shadow: 1px 2px 5px 1px #cccccc; box-shadow: 1px 2px 5px 1px #cccccc; display: none; position: fixed; background-color: #fffbc9; font-size: 14px; z-index: 1060; }

body.sidebar-open #site-message-container { margin-left: -137.5px; }
body.sidebar-open .filter-bar.affix { right: 275px !important; }

@media (min-width: 1200px) { body.sidebar #site-message-container { margin-left: -137.5px; }
  body.sidebar .filter-bar.affix { right: 275px !important; } }
.content-share-menu { width: 300px; }
.content-share-menu:before, .content-share-menu:after { content: " "; /* 1 */ display: table; /* 2 */ }
.content-share-menu:after { clear: both; }
.content-share-menu > div { padding: 10px 5px; }

.like-count { min-width: 34px; margin-left: 3px; text-align: center; vertical-align: middle; padding-left: 0; padding-right: 0; color: #d21b1b !important; }

.likes { color: #d21b1b !important; font-weight: bold; margin-left: 10px; }

.ui_sortable tr { cursor: move; }

/** @deprecated Needs restyled and converted to a JS component */
.messages .message, .messages label { padding: 0 30px; height: 30px; line-height: 30px; position: relative; color: #151515; overflow: hidden; white-space: nowrap; font-weight: bold; }
.messages label { display: block; margin: 0 !important; }
.messages .error { color: #d21b1b; }
.messages .close { position: absolute; width: 16px; height: 16px; top: 7px; right: 10px; }

.mobile-message { width: 250px; }

.inline-loader { background: url("/images/loaders/r-ld.gif") no-repeat scroll 0 0 transparent; width: 16px; height: 11px; display: inline-block; }

.training-banner { background: white url("/images/banners/training-home-banner.png") no-repeat scroll 0 0; }
.training-banner a { margin-left: 10px; font-size: 15px; display: inline-block; padding: 2px 0; text-shadow: -1px 1px #d0d0d0; }
.training-banner a:hover { text-decoration: underline; }

.tag { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: inline-block; background-color: #428bca; color: white; cursor: default; line-height: 1.2; margin-bottom: 2px; padding: 2px 8px; }
.tag.pull-left { margin-right: 2px; }

a.tag { cursor: pointer; color: white; }
a.tag:hover { background-color: #3276b1; }
a.tag:hover.highlight-orange { background-color: #fcdebb; }
a.tag:hover.highlight-blue { background-color: #c6d9ef; }
a.tag:hover.highlight-teal { background-color: #c6d9d9; }
a.tag:hover.highlight-green { background-color: #b5e7c9; }
a.tag:hover.highlight-red { background-color: #ffb2b2; }
a.tag:hover.highlight-purple { background-color: #e0c1e0; }

.tag.highlight-blue, [class*="icon-"].highlight-blue { color: #245084; }
.tag.highlight-teal, [class*="icon-"].highlight-teal { color: #203f3f; }
.tag.highlight-orange, [class*="icon-"].highlight-orange { color: #a85e06; }
.tag.highlight-green, [class*="icon-"].highlight-green { color: #054f22; }
.tag.highlight-red, [class*="icon-"].highlight-red { color: #990000; }
.tag.highlight-purple, [class*="icon-"].highlight-purple { color: #4d194d; }
.tag.highlight-pink, [class*="icon-"].highlight-pink { color: #ad005d; }

.highlight-orange { background-color: #fde9d1; }

.highlight-blue { background-color: #d9e6f4; }

.highlight-teal { background-color: #d9e6e6; }

.highlight-green { background-color: #ceefdb; }

.highlight-red { background-color: #ffcccc; }

.highlight-purple { background-color: #ead6ea; }

.highlight-strong { color: white !important; }
.highlight-strong a { color: white; }
.highlight-strong.highlight-orange { background-color: #f7941d; }
.highlight-strong.highlight-blue { background-color: #4282cc; }
.highlight-strong.highlight-teal { background-color: #428283; }
.highlight-strong.highlight-green { background-color: #0ab04b; }
.highlight-strong.highlight-red { background-color: red; }
.highlight-strong.highlight-purple { background-color: #993399; }

.highlight-orange .tag { background-color: #fcdebb; }

.highlight-blue .tag { background-color: #cfdff2; }

.highlight-teal .tag { background-color: #cfdfe0; }

.highlight-green .tag { background-color: #c1ebd2; }

.highlight-red .tag { background-color: #ffbfbf; }

.highlight-purple .tag { background-color: #e5cce5; }

.kpi-list { margin-bottom: 3px; margin-top: 3px; }
.kpi-list > .kpi-circle { position: relative; min-width: 50px; min-height: 1em; text-align: center; }
.kpi-list > .kpi-circle > .kpi { margin-left: -15px; }

.kpi-circle > .kpi { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-weight: bold; text-align: center; padding: 12px 8px; }

.kpi { color: white; }
.kpi.highlight-blue { background-color: #4282cc; }
.kpi.highlight-teal { background-color: #428283; }
.kpi.highlight-orange { background-color: #f7941d; }
.kpi.highlight-green { background-color: #0ab04b; }
.kpi.highlight-red { background-color: red; }
.kpi.highlight-purple { background-color: #993399; }

/** Non-authenticated pages */
body.login { background: url("/images/loginbg.jpg") no-repeat scroll 0 0 #fafafa; }
@media (min-width: 1400px) { body.login { background-size: 100% auto; } }
@media (min-width: 1500px) { body.login { background-position: 0 -25px; } }
@media (min-width: 768px) { body.login .panel-default { margin: 50px 0; } }
body.login #module-container { border-top: 0 none; }
body.login .page-container { border-left: 0 none; background-color: transparent !important; }
body.login .container { margin-left: auto; margin-right: auto; }
body.login .logo { margin-top: 25px; }
body.login .col-with-border { margin-left: -1px; border-left: 1px solid #e5e5e5; }
body.login .site-heading { position: absolute; background-color: rgba(252, 252, 252, 0.85); top: 0; width: 100%; height: 580px; padding: 10px 15px; }
body.login .site-heading.in { background-color: transparent; }
body.login .site-heading.in + div { margin-top: 50px; }
@media (min-width: 992px) { body.login .site-heading.in + div { margin-top: 80px; } }

.login-footer .list-inline { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 5px; background-color: rgba(250, 250, 250, 0.2); }
