<!DOCTYPE html>
<html ng-app="gApp">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<link data-require="bootstrap@*" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<!--<link data-require="bootstrap@*" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css"/>-->
<!-- <script data-require="bootstrap@*" data-semver="3.3.5" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> -->
<!-- <script data-require="bootstrap@*" data-semver="3.3.5" src="js/lib/bootstrap.min.js"></script> -->
<script data-require="bootstrap@*" data-semver="3.3.5" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<script data-require="angular.js@*" data-semver="1.4.6" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular-sanitize.js"></script>
<script data-require="ui-router@*" data-semver="0.2.15" src="//rawgit.com/angular-ui/ui-router/0.2.15/release/angular-ui-router.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
<!-- ====== -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
<script type="text/javascript" src="https://cdn.css.net/libs/angular-ui-bootstrap/0.13.4/ui-bootstrap-tpls.min.js"></script>
<!--<script type="text/javascript" src="js/lib/ui-bootstrap-tpls-0.13.4.min.js"></script>-->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular-animate.js"></script>
<script type="text/javascript" src="js/lib/loading-bar.min.js"></script>
<!-- Multiselect -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.12.1/select.min.js">f</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.12.1/select.min.css"/>
<!-- ==== -->
<!-- Enscroll -->
<script type="text/javascript" src="http://enscrollplugin.com/releases/enscroll-0.6.0.min.js"></script>
<link rel="stylesheet" href="css/lib/enscroll.css" />
<!-- == -->
<!-- SLider -->
<script type="text/javascript" src="https://raw.githubusercontent.com/rzajac/angularjs-slider/master/dist/rzslider.min.js"></script>
<link rel="stylesheet" href="https://raw.githubusercontent.com/rzajac/angularjs-slider/master/dist/rzslider.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="css/lib/loading-bar.min.css" />
<link rel="stylesheet" href="css/ng-Animation.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/app.js"></script>
<link rel="stylesheet" href="css/scrollbar/simplebar.css" />
<script src="js/scrollbar/simplebar.js"></script>
</head>
<body style="background-color:#E5E5E5">
<div ng-include="'templates/header.html'"></div>
<div class="container" >
<div class="slide-left" ui-view=""></div>
</div>
<!-- All app js -->
</body>
</html>
// Code goes here
var gApp = angular.module("gApp", ['ngSanitize', 'ui.router', 'ui.bootstrap', 'ngAnimate', 'angular-loading-bar', 'ui.select', 'ngMaterial']);
gApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("/")
$stateProvider
// .state('searchable', {
// templateUrl: 'templates/search.html',
// url: '/searchable',
// controller : 'searchController'
// })
// .state('searchable.users', {
// templateUrl: 'templates/searched.users.html',
// url: '/users'
// })
// .state('userdetails', {
// templateUrl : 'templates/user.details.html',
// url:'/user/:userName',
// // figure out ways to pass as regexp in map
// controller : 'userDetailsController'
// })
.state('material', {
templateUrl: 'templates/icualloc.html',
url: '/poc'
})
.state('nonmaterial', {
templateUrl: 'templates/bootstarpcard.html',
url: '/bootcard'
})
})
/* Styles go here */
.thumbnail-small-img {
width:50px;
height:50px;
}
.user-detail-img {
width:140px;
height:140px;
}
.table > tbody > tr > td {
vertical-align: middle;
word-break: break-all;
}
.user-details-info-box {
box-shadow: 0px 1px 6px #d5d5d5;
padding-top: 2%;
border-radius: 10px;
}
.user-git-history-box {
margin-left: 2%;
}
.tab-box {
padding:4%;
/* border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;
border-bottom:1px solid #d5d5d5; */
box-shadow: 2px -2px 20px #d5d5d5;
border-left: 1px solid #d5D5D5;
}
.badge-colored {
background-color: #888888;
}
.long-wrd-breaker, .panel-heading{
word-break: break-all;
}
.panel-heading {
text-transform:capitalize;
}
.jasmine_html-reporter {
display: none !important;
}
<nav class="navbar navbar-static-top navbar-inverse">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button"
class="navbar-toggle collapsed"
data-toggle="collapse"
data-target=".navbar-collapse"
aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#/">Ward View</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" >
<ul class="nav navbar-nav">
<li><a href="#/poc">POC</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
/* ------------------------------------------- */
/* Mixins
/* ------------------------------------------- */
/* ------------------------------------------- */
/* Toggle Fade
/* ------------------------------------------- */
/* line 64, ../sass/ng-animation.scss */
.toggle {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 66, ../sass/ng-animation.scss */
.toggle.ng-enter {
opacity: 0;
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
}
/* line 71, ../sass/ng-animation.scss */
.toggle.ng-enter-active {
opacity: 1;
}
/* line 75, ../sass/ng-animation.scss */
.toggle.ng-leave {
opacity: 1;
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
}
/* line 80, ../sass/ng-animation.scss */
.toggle.ng-leave-active {
opacity: 0;
}
/* line 85, ../sass/ng-animation.scss */
.toggle.ng-hide-add {
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 89, ../sass/ng-animation.scss */
.toggle.ng-hide-add.ng-hide-add-active {
opacity: 0;
}
/* line 94, ../sass/ng-animation.scss */
.toggle.ng-hide-remove {
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 99, ../sass/ng-animation.scss */
.toggle.ng-hide-remove.ng-hide-remove-active {
opacity: 1;
}
/* ------------------------------------------- */
/* Slide Top
/* ------------------------------------------- */
/* line 109, ../sass/ng-animation.scss */
.slide-top {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 111, ../sass/ng-animation.scss */
.slide-top.ng-enter {
transform: translateY(60px);
-ms-transform: translateY(60px);
-webkit-transform: translateY(60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 117, ../sass/ng-animation.scss */
.slide-top.ng-enter-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* line 122, ../sass/ng-animation.scss */
.slide-top.ng-leave {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 128, ../sass/ng-animation.scss */
.slide-top.ng-leave-active {
transform: translateY(60px);
-ms-transform: translateY(60px);
-webkit-transform: translateY(60px);
opacity: 0;
}
/* line 134, ../sass/ng-animation.scss */
.slide-top.ng-hide-add {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 139, ../sass/ng-animation.scss */
.slide-top.ng-hide-add.ng-hide-add-active {
transform: translateY(60px);
-ms-transform: translateY(60px);
-webkit-transform: translateY(60px);
opacity: 0;
}
/* line 145, ../sass/ng-animation.scss */
.slide-top.ng-hide-remove {
transform: translateY(60px);
-ms-transform: translateY(60px);
-webkit-transform: translateY(60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 151, ../sass/ng-animation.scss */
.slide-top.ng-hide-remove.ng-hide-remove-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* ------------------------------------------- */
/* Slide Rigth
/* ------------------------------------------- */
/* line 163, ../sass/ng-animation.scss */
.slide-right {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 165, ../sass/ng-animation.scss */
.slide-right.ng-enter {
transform: translateX(60px);
-ms-transform: translateX(60px);
-webkit-transform: translateX(60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 171, ../sass/ng-animation.scss */
.slide-right.ng-enter-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* line 176, ../sass/ng-animation.scss */
.slide-right.ng-leave {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 182, ../sass/ng-animation.scss */
.slide-right.ng-leave-active {
transform: translateX(60px);
-ms-transform: translateX(60px);
-webkit-transform: translateX(60px);
opacity: 0;
}
/* line 188, ../sass/ng-animation.scss */
.slide-right.ng-hide-add {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 193, ../sass/ng-animation.scss */
.slide-right.ng-hide-add.ng-hide-add-active {
transform: translateX(60px);
-ms-transform: translateX(60px);
-webkit-transform: translateX(60px);
opacity: 0;
}
/* line 199, ../sass/ng-animation.scss */
.slide-right.ng-hide-remove {
transform: translateX(60px);
-ms-transform: translateX(60px);
-webkit-transform: translateX(60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 205, ../sass/ng-animation.scss */
.slide-right.ng-hide-remove.ng-hide-remove-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* ------------------------------------------- */
/* Slide Left
/* ------------------------------------------- */
/* line 217, ../sass/ng-animation.scss */
.slide-left {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 219, ../sass/ng-animation.scss */
.slide-left.ng-enter {
transform: translateX(-60px);
-ms-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 225, ../sass/ng-animation.scss */
.slide-left.ng-enter-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* line 230, ../sass/ng-animation.scss */
.slide-left.ng-leave {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 236, ../sass/ng-animation.scss */
.slide-left.ng-leave-active {
transform: translateX(-60px);
-ms-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
opacity: 0;
}
/* line 242, ../sass/ng-animation.scss */
.slide-left.ng-hide-add {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 247, ../sass/ng-animation.scss */
.slide-left.ng-hide-add.ng-hide-add-active {
transform: translateX(-60px);
-ms-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
opacity: 0;
}
/* line 253, ../sass/ng-animation.scss */
.slide-left.ng-hide-remove {
transform: translateX(-60px);
-ms-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 259, ../sass/ng-animation.scss */
.slide-left.ng-hide-remove.ng-hide-remove-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* ------------------------------------------- */
/* Slide Down
/* ------------------------------------------- */
/* line 270, ../sass/ng-animation.scss */
.slide-down {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 273, ../sass/ng-animation.scss */
.slide-down.ng-enter {
transform: translateY(-60px);
-ms-transform: translateY(-60px);
-webkit-transform: translateY(-60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 279, ../sass/ng-animation.scss */
.slide-down.ng-enter-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* line 284, ../sass/ng-animation.scss */
.slide-down.ng-leave {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 290, ../sass/ng-animation.scss */
.slide-down.ng-leave-active {
transform: translateY(-60px);
-ms-transform: translateY(-60px);
-webkit-transform: translateY(-60px);
opacity: 0;
}
/* line 296, ../sass/ng-animation.scss */
.slide-down.ng-hide-add {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 301, ../sass/ng-animation.scss */
.slide-down.ng-hide-add.ng-hide-add-active {
transform: translateY(-60px);
-ms-transform: translateY(-60px);
-webkit-transform: translateY(-60px);
opacity: 0;
}
/* line 307, ../sass/ng-animation.scss */
.slide-down.ng-hide-remove {
transform: translateY(-60px);
-ms-transform: translateY(-60px);
-webkit-transform: translateY(-60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 313, ../sass/ng-animation.scss */
.slide-down.ng-hide-remove.ng-hide-remove-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* ------------------------------------------- */
/* Bouncy Slide Top
/* ------------------------------------------- */
/* line 325, ../sass/ng-animation.scss */
.bouncy-slide-top {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 328, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-enter {
transform: translateY(240px);
-ms-transform: translateY(240px);
-webkit-transform: translateY(240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 334, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-enter-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* line 339, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-leave {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 345, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-leave-active {
transform: translateY(240px);
-ms-transform: translateY(240px);
-webkit-transform: translateY(240px);
opacity: 0;
}
/* line 351, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-hide-add {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 356, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-hide-add.ng-hide-add-active {
transform: translateY(240px);
-ms-transform: translateY(240px);
-webkit-transform: translateY(240px);
opacity: 0;
}
/* line 362, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-hide-remove {
transform: translateY(240px);
-ms-transform: translateY(240px);
-webkit-transform: translateY(240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 368, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-hide-remove.ng-hide-remove-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* ------------------------------------------- */
/* Bouncy Slide Rigth
/* ------------------------------------------- */
/* line 379, ../sass/ng-animation.scss */
.bouncy-slide-right {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 382, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-enter {
transform: translateX(240px);
-ms-transform: translateX(240px);
-webkit-transform: translateX(240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 388, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-enter-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* line 393, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-leave {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 399, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-leave-active {
transform: translateX(240px);
-ms-transform: translateX(240px);
-webkit-transform: translateX(240px);
opacity: 0;
}
/* line 405, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-hide-add {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 410, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-hide-add.ng-hide-add-active {
transform: translateX(240px);
-ms-transform: translateX(240px);
-webkit-transform: translateX(240px);
opacity: 0;
}
/* line 416, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-hide-remove {
transform: translateX(240px);
-ms-transform: translateX(240px);
-webkit-transform: translateX(240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 422, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-hide-remove.ng-hide-remove-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* ------------------------------------------- */
/* Bouncy Slide Left
/* ------------------------------------------- */
/* line 434, ../sass/ng-animation.scss */
.bouncy-slide-left {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 437, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-enter {
transform: translateX(-240px);
-ms-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 443, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-enter-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* line 448, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-leave {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 454, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-leave-active {
transform: translateX(-240px);
-ms-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
opacity: 0;
}
/* line 460, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-add {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 465, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-add.ng-hide-add-active {
transform: translateX(-240px);
-ms-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
opacity: 0;
}
/* line 471, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-remove {
transform: translateX(-240px);
-ms-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 477, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-remove.ng-hide-remove-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* ------------------------------------------- */
/* Bouncy Slide Down
/* ------------------------------------------- */
/* line 488, ../sass/ng-animation.scss */
.bouncy-slide-down {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 491, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-enter {
transform: translateY(-240px);
-ms-transform: translateY(-240px);
-webkit-transform: translateY(-240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 497, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-enter-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* line 502, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-leave {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 508, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-leave-active {
transform: translateY(-240px);
-ms-transform: translateY(-240px);
-webkit-transform: translateY(-240px);
opacity: 0;
}
/* line 514, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-hide-add {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 519, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-hide-add.ng-hide-add-active {
transform: translateY(-240px);
-ms-transform: translateY(-240px);
-webkit-transform: translateY(-240px);
opacity: 0;
}
/* line 525, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-hide-remove {
transform: translateY(-240px);
-ms-transform: translateY(-240px);
-webkit-transform: translateY(-240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 531, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-hide-remove.ng-hide-remove-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* ------------------------------------------- */
/* Scale Fade
/* ------------------------------------------- */
/* line 544, ../sass/ng-animation.scss */
.scale-fade {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 547, ../sass/ng-animation.scss */
.scale-fade.ng-enter {
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 553, ../sass/ng-animation.scss */
.scale-fade.ng-enter-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
/* line 558, ../sass/ng-animation.scss */
.scale-fade.ng-leave {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 564, ../sass/ng-animation.scss */
.scale-fade.ng-leave-active {
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
opacity: 0;
}
/* line 570, ../sass/ng-animation.scss */
.scale-fade.ng-hide-add {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 575, ../sass/ng-animation.scss */
.scale-fade.ng-hide-add.ng-hide-add-active {
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
opacity: 0;
}
/* line 581, ../sass/ng-animation.scss */
.scale-fade.ng-hide-remove {
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 587, ../sass/ng-animation.scss */
.scale-fade.ng-hide-remove.ng-hide-remove-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
/* ------------------------------------------- */
/* Spin Fade
/* ------------------------------------------- */
/* line 598, ../sass/ng-animation.scss */
.spin-toggle {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 601, ../sass/ng-animation.scss */
.spin-toggle.ng-enter {
transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 607, ../sass/ng-animation.scss */
.spin-toggle.ng-enter-active {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
/* line 612, ../sass/ng-animation.scss */
.spin-toggle.ng-leave {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 618, ../sass/ng-animation.scss */
.spin-toggle.ng-leave-active {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
opacity: 0;
}
/* line 624, ../sass/ng-animation.scss */
.spin-toggle.ng-hide-add {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 629, ../sass/ng-animation.scss */
.spin-toggle.ng-hide-add.ng-hide-add-active {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
opacity: 0;
}
/* line 635, ../sass/ng-animation.scss */
.spin-toggle.ng-hide-remove {
transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 641, ../sass/ng-animation.scss */
.spin-toggle.ng-hide-remove.ng-hide-remove-active {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
/* ------------------------------------------- */
/* Scale in Fade
/* ------------------------------------------- */
/* line 653, ../sass/ng-animation.scss */
.scale-fade-in {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 656, ../sass/ng-animation.scss */
.scale-fade-in.ng-enter {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 662, ../sass/ng-animation.scss */
.scale-fade-in.ng-enter-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
/* line 667, ../sass/ng-animation.scss */
.scale-fade-in.ng-leave {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 673, ../sass/ng-animation.scss */
.scale-fade-in.ng-leave-active {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
opacity: 0;
}
/* line 679, ../sass/ng-animation.scss */
.scale-fade-in.ng-hide-add {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 684, ../sass/ng-animation.scss */
.scale-fade-in.ng-hide-add.ng-hide-add-active {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
opacity: 0;
}
/* line 690, ../sass/ng-animation.scss */
.scale-fade-in.ng-hide-remove {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 696, ../sass/ng-animation.scss */
.scale-fade-in.ng-hide-remove.ng-hide-remove-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
/* ------------------------------------------- */
/* Bouncy Scale in Fade
/* ------------------------------------------- */
/* line 708, ../sass/ng-animation.scss */
.bouncy-scale-in {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 711, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-enter {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
transition-duration: 450ms;
-webkit-transition-duration: 450ms;
opacity: 0;
}
/* line 717, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-enter-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
/* line 722, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-leave {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 450ms;
-webkit-transition-duration: 450ms;
opacity: 1;
}
/* line 728, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-leave-active {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
opacity: 0;
}
/* line 734, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-hide-add {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 450ms;
-webkit-transition-duration: 450ms;
opacity: 1;
}
/* line 739, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-hide-add.ng-hide-add-active {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
opacity: 0;
}
/* line 745, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-hide-remove {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
transition-duration: 450ms;
-webkit-transition-duration: 450ms;
display: block !important;
opacity: 0;
}
/* line 751, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-hide-remove.ng-hide-remove-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
/* ------------------------------------------- */
/* Flip In
/* ------------------------------------------- */
/* line 763, ../sass/ng-animation.scss */
.flip-in {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 766, ../sass/ng-animation.scss */
.flip-in.ng-enter {
transform: perspective(300px) rotateX(90deg);
-ms-transform: perspective(300px) rotateX(90deg);
-webkit-transform: perspective(300px) rotateX(90deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 0.7;
}
/* line 772, ../sass/ng-animation.scss */
.flip-in.ng-enter-active {
transform: perspective(300px) rotateX(0deg);
-ms-transform: perspective(300px) rotateX(0deg);
-webkit-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
/* line 777, ../sass/ng-animation.scss */
.flip-in.ng-leave {
transform: perspective(300px) rotateX(0deg);
-ms-transform: perspective(300px) rotateX(0deg);
-webkit-transform: perspective(300px) rotateX(0deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 1;
}
/* line 783, ../sass/ng-animation.scss */
.flip-in.ng-leave-active {
transform: perspective(300px) rotateX(135deg);
-ms-transform: perspective(300px) rotateX(135deg);
-webkit-transform: perspective(300px) rotateX(135deg);
opacity: 0.7;
}
/* line 789, ../sass/ng-animation.scss */
.flip-in.ng-hide-add {
transform: perspective(300px) rotateX(0deg);
-ms-transform: perspective(300px) rotateX(0deg);
-webkit-transform: perspective(300px) rotateX(0deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 1;
}
/* line 794, ../sass/ng-animation.scss */
.flip-in.ng-hide-add.ng-hide-add-active {
transform: perspective(300px) rotateX(135deg);
-ms-transform: perspective(300px) rotateX(135deg);
-webkit-transform: perspective(300px) rotateX(135deg);
opacity: 0;
}
/* line 800, ../sass/ng-animation.scss */
.flip-in.ng-hide-remove {
transform: perspective(300px) rotateX(90deg);
-ms-transform: perspective(300px) rotateX(90deg);
-webkit-transform: perspective(300px) rotateX(90deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
display: block !important;
opacity: 0;
}
/* line 806, ../sass/ng-animation.scss */
.flip-in.ng-hide-remove.ng-hide-remove-active {
transform: perspective(300px) rotateX(0deg);
-ms-transform: perspective(300px) rotateX(0deg);
-webkit-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
/* ------------------------------------------- */
/* Rotate In
/* ------------------------------------------- */
/* line 817, ../sass/ng-animation.scss */
.rotate-in {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 820, ../sass/ng-animation.scss */
.rotate-in.ng-enter {
transform: perspective(300px) rotateY(40deg);
-ms-transform: perspective(300px) rotateY(40deg);
-webkit-transform: perspective(300px) rotateY(40deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 0.7;
}
/* line 826, ../sass/ng-animation.scss */
.rotate-in.ng-enter-active {
transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-webkit-transform: perspective(300px) rotateY(0deg);
opacity: 1;
}
/* line 831, ../sass/ng-animation.scss */
.rotate-in.ng-leave {
transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-webkit-transform: perspective(300px) rotateY(0deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 1;
}
/* line 837, ../sass/ng-animation.scss */
.rotate-in.ng-leave-active {
transform: perspective(300px) rotateY(-40deg);
-ms-transform: perspective(300px) rotateY(-40deg);
-webkit-transform: perspective(300px) rotateY(-40deg);
opacity: 0.7;
}
/* line 843, ../sass/ng-animation.scss */
.rotate-in.ng-hide-add {
transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-webkit-transform: perspective(300px) rotateY(0deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 1;
}
/* line 848, ../sass/ng-animation.scss */
.rotate-in.ng-hide-add.ng-hide-add-active {
transform: perspective(300px) rotateY(-40deg);
-ms-transform: perspective(300px) rotateY(-40deg);
-webkit-transform: perspective(300px) rotateY(-40deg);
opacity: 0;
}
/* line 854, ../sass/ng-animation.scss */
.rotate-in.ng-hide-remove {
transform: perspective(300px) rotateY(40deg);
-ms-transform: perspective(300px) rotateY(40deg);
-webkit-transform: perspective(300px) rotateY(40deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
display: block !important;
opacity: 0;
}
/* line 860, ../sass/ng-animation.scss */
.rotate-in.ng-hide-remove.ng-hide-remove-active {
transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-webkit-transform: perspective(300px) rotateY(0deg);
opacity: 1;
}
/*!
* angular-loading-bar v0.8.0
* https://chieffancypants.github.io/angular-loading-bar
* Copyright (c) 2015 Wes Cruver
* License: MIT
*/
!function(){"use strict";angular.module("angular-loading-bar",["cfp.loadingBarInterceptor"]),angular.module("chieffancypants.loadingBar",["cfp.loadingBarInterceptor"]),angular.module("cfp.loadingBarInterceptor",["cfp.loadingBar"]).config(["$httpProvider",function(a){var b=["$q","$cacheFactory","$timeout","$rootScope","$log","cfpLoadingBar",function(b,c,d,e,f,g){function h(){d.cancel(j),g.complete(),l=0,k=0}function i(b){var d,e=c.get("$http"),f=a.defaults;!b.cache&&!f.cache||b.cache===!1||"GET"!==b.method&&"JSONP"!==b.method||(d=angular.isObject(b.cache)?b.cache:angular.isObject(f.cache)?f.cache:e);var g=void 0!==d?void 0!==d.get(b.url):!1;return void 0!==b.cached&&g!==b.cached?b.cached:(b.cached=g,g)}var j,k=0,l=0,m=g.latencyThreshold;return{request:function(a){return a.ignoreLoadingBar||i(a)||(e.$broadcast("cfpLoadingBar:loading",{url:a.url}),0===k&&(j=d(function(){g.start()},m)),k++,g.set(l/k)),a},response:function(a){return a&&a.config?(a.config.ignoreLoadingBar||i(a.config)||(l++,e.$broadcast("cfpLoadingBar:loaded",{url:a.config.url,result:a}),l>=k?h():g.set(l/k)),a):(f.error("Broken interceptor detected: Config object not supplied in response:\n https://github.com/chieffancypants/angular-loading-bar/pull/50"),a)},responseError:function(a){return a&&a.config?(a.config.ignoreLoadingBar||i(a.config)||(l++,e.$broadcast("cfpLoadingBar:loaded",{url:a.config.url,result:a}),l>=k?h():g.set(l/k)),b.reject(a)):(f.error("Broken interceptor detected: Config object not supplied in rejection:\n https://github.com/chieffancypants/angular-loading-bar/pull/50"),b.reject(a))}}}];a.interceptors.push(b)}]),angular.module("cfp.loadingBar",[]).provider("cfpLoadingBar",function(){this.autoIncrement=!0,this.includeSpinner=!0,this.includeBar=!0,this.latencyThreshold=100,this.startSize=.02,this.parentSelector="body",this.spinnerTemplate='<div id="loading-bar-spinner"><div class="spinner-icon"></div></div>',this.loadingBarTemplate='<div id="loading-bar"><div class="bar"><div class="peg"></div></div></div>',this.$get=["$injector","$document","$timeout","$rootScope",function(a,b,c,d){function e(){k||(k=a.get("$animate"));var e=b.find(n).eq(0);c.cancel(m),r||(d.$broadcast("cfpLoadingBar:started"),r=!0,v&&k.enter(o,e,angular.element(e[0].lastChild)),u&&k.enter(q,e,angular.element(e[0].lastChild)),f(w))}function f(a){if(r){var b=100*a+"%";p.css("width",b),s=a,t&&(c.cancel(l),l=c(function(){g()},250))}}function g(){if(!(h()>=1)){var a=0,b=h();a=b>=0&&.25>b?(3*Math.random()+3)/100:b>=.25&&.65>b?3*Math.random()/100:b>=.65&&.9>b?2*Math.random()/100:b>=.9&&.99>b?.005:0;var c=h()+a;f(c)}}function h(){return s}function i(){s=0,r=!1}function j(){k||(k=a.get("$animate")),d.$broadcast("cfpLoadingBar:completed"),f(1),c.cancel(m),m=c(function(){var a=k.leave(o,i);a&&a.then&&a.then(i),k.leave(q)},500)}var k,l,m,n=this.parentSelector,o=angular.element(this.loadingBarTemplate),p=o.find("div").eq(0),q=angular.element(this.spinnerTemplate),r=!1,s=0,t=this.autoIncrement,u=this.includeSpinner,v=this.includeBar,w=this.startSize;return{start:e,set:f,status:h,inc:g,complete:j,autoIncrement:this.autoIncrement,includeSpinner:this.includeSpinner,latencyThreshold:this.latencyThreshold,parentSelector:this.parentSelector,startSize:this.startSize}}]})}();
/*!
* angular-loading-bar v0.8.0
* https://chieffancypants.github.io/angular-loading-bar
* Copyright (c) 2015 Wes Cruver
* License: MIT
*/
/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
pointer-events: none;
-webkit-pointer-events: none;
-webkit-transition: 350ms linear all;
-moz-transition: 350ms linear all;
-o-transition: 350ms linear all;
transition: 350ms linear all;
}
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
opacity: 0;
}
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
opacity: 1;
}
#loading-bar .bar {
-webkit-transition: width 350ms;
-moz-transition: width 350ms;
-o-transition: width 350ms;
transition: width 350ms;
background: #29d;
position: fixed;
z-index: 10002;
top: 50px;
left: 0;
width: 100%;
height: 3px;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px;
}
/* Fancy blur effect */
#loading-bar .peg {
position: absolute;
width: 70px;
right: 0;
top: 0;
height: 3px;
opacity: .45;
-moz-box-shadow: #29d 1px 0 6px 1px;
-ms-box-shadow: #29d 1px 0 6px 1px;
-webkit-box-shadow: #29d 1px 0 6px 1px;
box-shadow: #29d 1px 0 6px 1px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
#loading-bar-spinner {
display: block;
position: fixed;
z-index: 10002;
top: 60px;
left: 20px;
}
#loading-bar-spinner .spinner-icon {
width: 14px;
height: 14px;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: loading-bar-spinner 400ms linear infinite;
-moz-animation: loading-bar-spinner 400ms linear infinite;
-ms-animation: loading-bar-spinner 400ms linear infinite;
-o-animation: loading-bar-spinner 400ms linear infinite;
animation: loading-bar-spinner 400ms linear infinite;
}
@-webkit-keyframes loading-bar-spinner {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
0% { transform: rotate(0deg); transform: rotate(0deg); }
100% { transform: rotate(360deg); transform: rotate(360deg); }
}
.track3 {
width: 10px;
background: rgba(0, 0, 0, 0);
margin-right: 2px;
border-radius: 10px;
-webkit-transition: background 250ms linear;
transition: background 250ms linear;
}
.track3:hover,
.track3.dragging {
background: #d9d9d9;
background: rgba(0, 0, 0, 0.15);
}
.handle3 {
width: 7px;
right: 0;
background: #999;
background: rgba(0, 0, 0, 0.4);
border-radius: 7px;
-webkit-transition: width 250ms;
transition: width 250ms;
}
.track3:hover .handle3,
.track3.dragging .handle3 {
width: 10px;
}
<div>
<md-card style="">
<md-card-title>
<md-card-title-text>
<span class="md-headline">Card with image</span>
<span class="md-subhead">Small</span>
</md-card-title-text>
<md-card-title-media>
<div class="md-media-sm card-media"></div>
</md-card-title-media>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
</md-card-actions>
</md-card>
</div>
<div class="col-md-12">
<div>
<div class="panel panel-primary">
<div class="panel-heading">
Doe John
</div>
<div class="panel-body">
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-8">
<div class="col-md-8 row">
<div class="panel" id="room1" >
<h4><div class="label label-info">
Room 1
</div></h4>
<div class="panel-body" >
<div id="emptyState" ng-include="'templates/occupiedBed.html'" class="col-md-6 col-sm-6"></div>
<div id="arrivingState" ng-include="'templates/arrivingBed.html'" class="col-md-6 col-sm-6"></div>
<div id="arrivingState" ng-include="'templates/arrivingBed.html'" class="col-md-6 col-sm-6"></div>
<div id="arrivingState" ng-include="'templates/arrivingBed.html'" class="col-md-6 col-sm-6"></div>
<div id="occupiedState" class="col-md-6 col-sm-6">
<div class="panel" style="box-shadow: 0px 2px 12px #C5C5C5;background-color:#E5E5E5">
<div class="panel-body">
<div class="clearfix">
<div class="badge pull-left"> 3 </div>
</div>
<i class="fa fa-bed"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="col-md-4">
<div class="panel" id="room1">
<h4><div class="label label-info">
Room 2
</div></h4>
<div class="panel-body">
<div id="emptyState" ng-include="'templates/occupiedBed.html'"></div>
<div id="arrivingState" ng-include="'templates/arrivingBed.html'"></div>
<div id="occupiedState">
<div class="panel" style="box-shadow: 0px 2px 12px #C5C5C5;background-color:#E5E5E5">
<div class="panel-body">
<div class="clearfix">
<div class="badge pull-left"> 3 </div>
</div>
<i class="fa fa-bed"></i>
</div>
</div>
</div>
</div>
</div>
</div>-->
<div class="col-md-4">
<div class="panel " id="room1">
<h4><div class="label label-warning">
Adult ICU
</div></h4>
<div class="panel-body">
<table class="table table-condesed">
<tr>
<td class="text-muted">
Available Beds
</td>
<td class="text-info">
12
</td>
</tr>
<tr>
<td class="text-muted">
Arriving
</td>
<td class="text-info">
20
</td>
</tr>
<tr>
<td class="text-muted">
Ready to Discharge
</td>
<td class="text-info">
12
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="row col-md-4">
<div class="panel row" id="room1">
<h4><div class="label label-primary">
Arrivals
</div></h4>
<div class="panel-body">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search ...">
<span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="glyphicon glyphicon-search"></i></button>
</span>
</div>
<div style="margin-top:15px;">
<div><small>20 Jan</small></div>
<div class="clearfix">
<div class="pull-left text-muted"><b>Tim Cook</b></div>
<div class="pull-right text-muted">ID: 8656217</div>
</div>
<div class="text-muted">Coronary Bypass</div>
<div style="border-bottom:1px solid #d5d5d5;margin: 4px 0;"></div>
<div class="text-muted">Lorem Ipsum</div>
</div>
<div style="margin-top:15px;">
<div><small>30 Jan</small></div>
<div class="clearfix">
<div class="pull-left text-muted"><b>Jim L Laker</b></div>
<div class="pull-right text-muted">ID: 8656217</div>
</div>
<div class="text-muted">Coronary Bypass</div>
<div style="border-bottom:1px solid #d5d5d5;margin: 4px 0;"></div>
<div class="text-muted">Lorem Ipsum</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel " style="box-shadow: 0px 2px 12px #C5C5C5;">
<div class="panel-body">
<div class="badge"> 1 </div>
<br><br>
<div>
<div class="clearfix text-primary">
<div class="pull-left "> John Doe </div>
<div class="pull-right"> 54 Yrs</div>
</div>
<div class="text-info"> Cardiac Arrest </div>
<div style="border-bottom:1px solid #d5d5d5;margin: 4px 0;"></div>
<div class="text-muted"> DOJ: 12 Dec 2015 </div>
<div class="text-muted"> ID: 875471987 </div>
<div class="clearfix">
<div class="pull-right text-muted">
<i class="glyphicon glyphicon-file"> </i>
</div>
</div>
</div>
</div>
</div>
<div class="panel" style="box-shadow: 0px 2px 12px #C5C5C5;">
<div class="panel-body">
<div class="clearfix">
<div class="badge pull-left"> 2 </div>
<i class="text-muted fa fa-flag pull-right "></i>
</div>
<br>
<div>
<div class="clearfix text-muted">
<div class="pull-left "> Donald Trump </div>
<div class="pull-right"> 62 Yrs</div>
</div>
<div class="text-muted "> Respiratory </div>
<div style="border-bottom:1px solid #d5d5d5;margin: 4px 0;"></div>
<div class="clearfix text-muted">
<div class="pull-left text-primary">Arriving ... </div>
<div class="pull-right text-primary"><i class="glyphicon glyphicon-map-marker"></i></div>
</div>
<br>
<div class="clearfix">
<div class="pull-right text-muted">
<i class="glyphicon glyphicon-file"> </i>
</div>
</div>
</div>
</div>
</div>
/*
* SimpleBar.js - v1.1.9
* Scrollbars, simpler.
* https://grsmto.github.io/simplebar/
*
* Made by Adrien Grsmto from a fork by Jonathan Nicol
* Under MIT License
*/
.simplebar, [data-simplebar-direction] {
position: relative;
overflow: hidden;
-webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}
.simplebar .simplebar-scroll-content,
[data-simplebar-direction] .simplebar-scroll-content {
overflow-y: scroll;
overflow-x: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-ms-overflow-style: none; /* hide browser scrollbar on IE10+ */
}
/* hide browser scrollbar on Webkit (Safari & Chrome) */
.simplebar-scroll-content::-webkit-scrollbar {
display: none;
}
[data-simplebar-direction="horizontal"] .simplebar-scroll-content,
.simplebar.horizontal .simplebar-scroll-content {
overflow-x: scroll;
overflow-y: auto;
}
.simplebar-track {
z-index: 99;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 11px;
}
.simplebar-track .simplebar-scrollbar {
position: absolute;
right: 2px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
min-height: 10px;
width: 7px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
background: #6c6e71;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
}
.simplebar-track:hover .simplebar-scrollbar {
/* When hovered, remove all transitions from drag handle */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity: 0.7;
-webkit-transition: opacity 0 linear;
-moz-transition: opacity 0 linear;
-o-transition: opacity 0 linear;
-ms-transition: opacity 0 linear;
transition: opacity 0 linear;
}
.simplebar-track .simplebar-scrollbar.visible {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity: 0.7;
}
[data-simplebar-direction="horizontal"] .simplebar-track,
.simplebar.horizontal .simplebar-track {
top: auto;
left: 0;
width: auto;
height: 11px;
}
[data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar,
.simplebar.horizontal .simplebar-track .simplebar-scrollbar {
right: auto;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}
/*
* SimpleBar.js - v1.1.9
* Scrollbars, simpler.
* https://grsmto.github.io/simplebar/
*
* Made by Adrien Grsmto from a fork by Jonathan Nicol
* Under MIT License
*/
!function(a){"object"==typeof module&&"object"==typeof module.exports?a(require("jquery"),window,document):a(window.jQuery,window,document)}(function(a,b,c,d){function e(){var b=a('<div class="scrollbar-width-tester" style="width:50px;height:50px;overflow-y:scroll;top:-200px;left:-200px;"><div style="height:100px;"></div>'),c=0,d=0;return a("body").append(b),c=a(b).innerWidth(),d=a("div",b).innerWidth(),b.remove(),c-d}function f(b,c){this.el=b,this.$el=a(b),this.$track,this.$scrollbar,this.dragOffset,this.flashTimeout,this.$contentEl=this.$el,this.$scrollContentEl=this.$el,this.scrollDirection="vert",this.scrollOffsetAttr="scrollTop",this.sizeAttr="height",this.scrollSizeAttr="scrollHeight",this.offsetAttr="top",this.options=a.extend({},f.DEFAULTS,c),this.theme=this.options.css,this.init()}var g,h="WebkitAppearance"in c.documentElement.style;f.DEFAULTS={wrapContent:!0,autoHide:!0,css:{container:"simplebar",content:"simplebar-content",scrollContent:"simplebar-scroll-content",scrollbar:"simplebar-scrollbar",scrollbarTrack:"simplebar-track"}},f.prototype.init=function(){return"undefined"==typeof g&&(g=e()),0===g?(this.$el.css("overflow","auto"),void 0):(("horizontal"===this.$el.data("simplebar-direction")||this.$el.hasClass(this.theme.container+" horizontal"))&&(this.scrollDirection="horiz",this.scrollOffsetAttr="scrollLeft",this.sizeAttr="width",this.scrollSizeAttr="scrollWidth",this.offsetAttr="left"),this.options.wrapContent&&this.$el.wrapInner('<div class="'+this.theme.scrollContent+'"><div class="'+this.theme.content+'"></div></div>'),this.$contentEl=this.$el.find("."+this.theme.content),this.$el.prepend('<div class="'+this.theme.scrollbarTrack+'"><div class="'+this.theme.scrollbar+'"></div></div>'),this.$track=this.$el.find("."+this.theme.scrollbarTrack),this.$scrollbar=this.$el.find("."+this.theme.scrollbar),this.$scrollContentEl=this.$el.find("."+this.theme.scrollContent),this.resizeScrollContent(),this.options.autoHide&&this.$el.on("mouseenter",a.proxy(this.flashScrollbar,this)),this.$scrollbar.on("mousedown",a.proxy(this.startDrag,this)),this.$scrollContentEl.on("scroll",a.proxy(this.startScroll,this)),this.resizeScrollbar(),this.options.autoHide||this.showScrollbar(),void 0)},f.prototype.startDrag=function(b){b.preventDefault();var d=b.pageY;"horiz"===this.scrollDirection&&(d=b.pageX),this.dragOffset=d-this.$scrollbar.offset()[this.offsetAttr],a(c).on("mousemove",a.proxy(this.drag,this)),a(c).on("mouseup",a.proxy(this.endDrag,this))},f.prototype.drag=function(a){a.preventDefault();var b=a.pageY,c=null,d=null,e=null;"horiz"===this.scrollDirection&&(b=a.pageX),c=b-this.$track.offset()[this.offsetAttr]-this.dragOffset,d=c/this.$track[this.sizeAttr](),e=d*this.$contentEl[0][this.scrollSizeAttr],this.$scrollContentEl[this.scrollOffsetAttr](e)},f.prototype.endDrag=function(){a(c).off("mousemove",this.drag),a(c).off("mouseup",this.endDrag)},f.prototype.resizeScrollbar=function(){if(0!==g){var a=this.$contentEl[0][this.scrollSizeAttr],b=this.$scrollContentEl[this.scrollOffsetAttr](),c=this.$track[this.sizeAttr](),d=c/a,e=Math.round(d*b)+2,f=Math.floor(d*(c-2))-2;a>c?("vert"===this.scrollDirection?this.$scrollbar.css({top:e,height:f}):this.$scrollbar.css({left:e,width:f}),this.$track.show()):this.$track.hide()}},f.prototype.startScroll=function(a){this.$el.trigger(a),this.flashScrollbar()},f.prototype.flashScrollbar=function(){this.resizeScrollbar(),this.showScrollbar()},f.prototype.showScrollbar=function(){this.$scrollbar.addClass("visible"),this.options.autoHide&&("number"==typeof this.flashTimeout&&b.clearTimeout(this.flashTimeout),this.flashTimeout=b.setTimeout(a.proxy(this.hideScrollbar,this),1e3))},f.prototype.hideScrollbar=function(){this.$scrollbar.removeClass("visible"),"number"==typeof this.flashTimeout&&b.clearTimeout(this.flashTimeout)},f.prototype.resizeScrollContent=function(){h||("vert"===this.scrollDirection?(this.$scrollContentEl.width(this.$el.width()+g),this.$scrollContentEl.height(this.$el.height())):(this.$scrollContentEl.width(this.$el.width()),this.$scrollContentEl.height(this.$el.height()+g)))},f.prototype.recalculate=function(){this.resizeScrollContent(),this.resizeScrollbar()},f.prototype.getScrollElement=function(){return this.$scrollContentEl},f.prototype.getContentElement=function(){return this.$contentEl},a(b).on("load",function(){a("[data-simplebar-direction]").each(function(){a(this).simplebar()})});var i=a.fn.simplebar;a.fn.simplebar=function(b){var c,e=arguments;return"undefined"==typeof b||"object"==typeof b?this.each(function(){a.data(this,"simplebar")||a.data(this,"simplebar",new f(this,b))}):"string"==typeof b?(this.each(function(){var d=a.data(this,"simplebar");d instanceof f&&"function"==typeof d[b]&&(c=d[b].apply(d,Array.prototype.slice.call(e,1))),"destroy"===b&&a.data(this,"simplebar",null)}),c!==d?c:this):void 0},a.fn.simplebar.Constructor=f,a.fn.simplebar.noConflict=function(){return a.fn.simplebar=i,this}});