.alert {
  padding: 15px;
  margin-bottom: 17px;
  border: 1px solid transparent;
  border-radius: 3px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #93cd7c;
  border-color: #94c669;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #86be57;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #70bbe1;
  border-color: #52c4db;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #3dbdd6;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #f0db70;
  border-color: #edbd59;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #ebb442;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #dca7a7;
  border-color: #d595a0;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #ce838f;
}
.alert-danger .alert-link {
  color: #843534;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #aa0056;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #77003c;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none;
}
#splash-page.ng-cloak {
  display: block;
}
body {
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */
  padding-top: 116px;
}
/* Foundation.js requires this to be here
----------------------------------------------------------*/
meta.foundation-version {
  font-family: "/5.4.5/";
}
meta.foundation-data-attribute-namespace {
  font-family: false;
}
/* site title
----------------------------------------------------------*/
.site-title {
  color: #000000;
  font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
  font-size: 1.8em;
  margin: 6px 10px 10px 10px;
}
/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/* Toggle Styles */
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  overflow-x: hidden;
  /*background-color: #fbfbfb;*/
}
#wrapper #sidebar-wrapper a {
  color: #555555;
}
#wrapper.toggled {
  padding-left: 200px;
}
#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 200px;
  width: 0;
  height: 100%;
  margin-left: -200px;
  margin-top: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  border: 1px solid #dddddd;
  border-left: none;
}
#wrapper.toggled #sidebar-wrapper {
  width: 200px;
}
#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
  background-color: #fbfbfb;
}
#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -200px;
}
/* Sidebar Styles */
.nav-label {
  padding-left: 10px;
  font-weight: bold;
}
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav-header {
  background-color: #aa0056;
  color: white;
}
.sidebar-nav-header-a:hover {
  color: #f0ad4e;
}
.sidebar-nav li {
  /*text-indent: 20px;*/
  line-height: 40px;
}
.icon-primary {
    background-color: #a9305d;
    color: white;
}
.icon-primary-lu {
    background-color: #ca3b3c;
    color: white;
}
.icon-primary-cais {
    background-color: #f7ab4d;
    color: white;
}
.icon-primary-case {
  background-color: #9b59b6;
  color: white;
}
.icon-primary-train {
    background-color: #57726e;
    color: white;
}
.icon-primary-event {
    background-color: #339195;
    color: white;
}
.icon-primary-outreach {
    background-color: #58353a;
    color: white;
}
.icon-primary-setup {
  background-color: #c0392b;
  color: white;
}
.icon-primary-facebook {
  background-color: #3b579d;
  color: white;
}
.icon-primary-twitter {
  background-color: #28aae1;
  color: white;
}
.icon-primary-google {
	background-color: #d1402d;
	color: white;
}
.icon-primary-strike {
	background-color: #494646;
	color: white;
}
.sidebar-nav li a {
	-ms-word-break: break-word;
	word-break: break-word;
	border-bottom: 1px solid #dddddd;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #555555;
}
.sidebar-nav li a > i {
  z-index: 15;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-right: 1px solid #eeeeee;
  text-align: center;
  margin-top: -1px;
}
.sidebar-nav li a > i > .icon-bg {
  padding: 0;
  position: absolute;
  left: -45px;
  width: 100%;
  top: 0;
  bottom: 0;
  -moz-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  -webkit-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  z-index: -1;
}
.sidebar-nav li a:focus {
  color: inherit;
  background-color: inherit;
}
.sidebar-nav li a:hover {
  text-decoration: none;
  color: #555555;
  background: #eeeeee;
}
.sidebar-nav li a:hover > i {
  color: #fff;
}
.sidebar-nav li a:hover > i:before {
  z-index: 15;
}
.sidebar-nav li a:hover > i .icon-bg {
  left: 0;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav li a.active {
  background: #eeeeee;
}
.sidebar-nav li a.active > i {
  z-index: 15;
  color: #fff;
}
.sidebar-nav li a.active > i .icon-bg {
  left: 0;
}
.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
  color: #fff;
}
.sidebar-nav > .sidebar-brand a:hover {
  color: #555555;
  background: none;
}
span.chevron-collapse {
  z-index: 15;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
span.chevron-collapse > span.nav-display-more:before {
  content: "\e114";
  font-family: "Glyphicons Halflings";
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
span.chevron-collapse.collapsed > span.nav-display-more:before {
  content: "\e113";
  font-family: "Glyphicons Halflings";
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.panel-title > span.chevron-collapse {
  line-height: inherit;
  width: inherit;
  height: inherit;
}
.panel-footer {
  padding-bottom: 0;
}
.panel-footer nav {
  padding-bottom: 0;
}
.panel-footer nav > ul {
  padding: 0;
  margin: 0;
}
/* navbar */
.navbar-nav > li > a,
.navbar-brand {
  padding-top: 5px !important;
  padding-bottom: 0 !important;
  height: 30px;
}
.navbar {
  min-height: 30px !important;
}
.navbar-default {
  background-color: #f1f1f1;
  border-color: #544d4c;
  border-bottom: solid #ddd 3px;
}
.navbar-default .navbar-brand {
  color: #040404;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #f6ecec;
}
.navbar-default .navbar-text {
  color: #040404;
}
.navbar-default .navbar-nav > li > a {
  color: #040404;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f6ecec;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f6ecec;
  background-color: #f1f1f1;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #f6ecec;
  background-color: #f1f1f1;
}
.navbar-default .navbar-toggle {
  border-color: #f1f1f1;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f1f1f1;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #040404;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #040404;
}
.navbar-default .navbar-link {
  color: #040404;
}
.navbar-default .navbar-link:hover {
  color: #f6ecec;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #040404;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f6ecec;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f6ecec;
    background-color: #f1f1f1;
  }
}
@media (min-width: 768px) {
  body {
    overflow-x: hidden;
    /* Prevent scroll on narrow devices */
    padding-top: 31px;
  }
  /* Nav
    ----------------------------------------*/
  .nav-toggle {
    line-height: 50px;
    width: 50px;
    height: 50px;
    border-right: 1px solid #dddddd;
    text-align: center;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
  }
  .nav-toggle:before {
    content: "\e079";
    font-family: "Glyphicons Halflings";
    -webkit-font-smoothing: antialiased;
  }
  #wrapper.toggled {
    padding-left: 50px;
  }
  #wrapper.toggled .nav-toggle:before {
    content: "\e080";
    font-family: "Glyphicons Halflings";
    -webkit-font-smoothing: antialiased;
  }
  #wrapper.toggled li ul.collapse {
    display: none;
  }
  #wrapper.toggled li:hover > ul {
    /*background-color: @menu-item-active-bg-color;*/
    display: block;
    position: fixed;
    left: 50px;
    margin-top: -50px;
  }
  #wrapper {
    padding-left: 200px;
  }
  #wrapper.toggled .sidebar-nav li {
    text-indent: 0;
  }
  #sidebar-wrapper {
    width: 200px;
    -webkit-box-shadow: 2px 1px 5px 0 rgba(221, 221, 221, 0.75);
    box-shadow: 2px 1px 5px 0 rgba(221, 221, 221, 0.75);
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 50px;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}
/* Sub menu
---------------------------------------------------*/
#wrapper.toggled .sidebar-nav .sub-menu .nav-label {
  display: inline-block !important;
  padding-right: 20px;
}
.sidebar-nav .sub-menu {
  background-color: #eeeeee;
}
.sidebar-nav .sub-menu li {
  background-color: #eeeeee;
}
.sidebar-nav .sub-menu li > a {
  border: none;
}
.sidebar-nav .sub-menu li > a i {
  border: none;
}
.sidebar-nav .sub-menu li.active {
  background-color: #e1e1e1;
}
.sidebar-nav .sub-menu > li a:hover {
  background-color: #e1e1e1;
}
.sidebar-nav .sub-menu > li a:hover i {
  color: inherit;
}
/* Card
----------------------------------------------------*/
.card {
  margin-bottom: 17px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  /*.box-shadow(0 2px 0 rgba(0,0,0,.25));*/
}
.card-body {
  padding: 20px 15px;
}
.card-heading {
  padding: 20px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
  /*.box-shadow(0 3px 3px rgba(0,0,0,.25));*/
}
.card-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  color: inherit;
}
.card-title > a,
.card-title > small,
.card-title > .small,
.card-title > small > a,
.card-title > .small > a {
  color: inherit;
}
.card-footer {
  padding: 20px 15px;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.button-container {
  bottom: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  right: 0;
}
.button-container > .button {
  line-height: 50px;
  -ms-zoom: 1;
  zoom: 1;
}
.card > .list-group,
.card > .card-collapse > .list-group {
  margin-bottom: 0;
}
.card > .list-group .list-group-item,
.card > .card-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.card > .list-group:first-child .list-group-item:first-child,
.card > .card-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.card > .list-group:last-child .list-group-item:last-child,
.card > .card-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.card-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .card-footer {
  border-top-width: 0;
}
.card > .table,
.card > .table-responsive > .table,
.card > .card-collapse > .table {
  margin-bottom: 0;
}
.card > .table caption,
.card > .table-responsive > .table caption,
.card > .card-collapse > .table caption {
  padding-left: 20px 15px;
  padding-right: 20px 15px;
}
.card > .table:first-child,
.card > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.card > .table:first-child > thead:first-child > tr:first-child,
.card > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.card > .table:first-child > tbody:first-child > tr:first-child,
.card > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}
.card > .table:first-child > thead:first-child > tr:first-child td:first-child,
.card > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.card > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.card > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.card > .table:first-child > thead:first-child > tr:first-child th:first-child,
.card > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.card > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.card > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1;
}
.card > .table:first-child > thead:first-child > tr:first-child td:last-child,
.card > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.card > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.card > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.card > .table:first-child > thead:first-child > tr:first-child th:last-child,
.card > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.card > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.card > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1;
}
.card > .table:last-child,
.card > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.card > .table:last-child > tbody:last-child > tr:last-child,
.card > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.card > .table:last-child > tfoot:last-child > tr:last-child,
.card > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: -1;
  border-bottom-right-radius: -1;
}
.card > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.card > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.card > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.card > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.card > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.card > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.card > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.card > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1;
}
.card > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.card > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.card > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.card > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.card > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.card > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.card > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.card > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1;
}
.card > .card-body + .table,
.card > .card-body + .table-responsive,
.card > .table + .card-body,
.card > .table-responsive + .card-body {
  border-top: 1px solid #dddddd;
}
.card > .table > tbody:first-child > tr:first-child th,
.card > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.card > .table-bordered,
.card > .table-responsive > .table-bordered {
  border: 0;
}
.card > .table-bordered > thead > tr > th:first-child,
.card > .table-responsive > .table-bordered > thead > tr > th:first-child,
.card > .table-bordered > tbody > tr > th:first-child,
.card > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.card > .table-bordered > tfoot > tr > th:first-child,
.card > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.card > .table-bordered > thead > tr > td:first-child,
.card > .table-responsive > .table-bordered > thead > tr > td:first-child,
.card > .table-bordered > tbody > tr > td:first-child,
.card > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.card > .table-bordered > tfoot > tr > td:first-child,
.card > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.card > .table-bordered > thead > tr > th:last-child,
.card > .table-responsive > .table-bordered > thead > tr > th:last-child,
.card > .table-bordered > tbody > tr > th:last-child,
.card > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.card > .table-bordered > tfoot > tr > th:last-child,
.card > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.card > .table-bordered > thead > tr > td:last-child,
.card > .table-responsive > .table-bordered > thead > tr > td:last-child,
.card > .table-bordered > tbody > tr > td:last-child,
.card > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.card > .table-bordered > tfoot > tr > td:last-child,
.card > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.card > .table-bordered > thead > tr:first-child > td,
.card > .table-responsive > .table-bordered > thead > tr:first-child > td,
.card > .table-bordered > tbody > tr:first-child > td,
.card > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.card > .table-bordered > thead > tr:first-child > th,
.card > .table-responsive > .table-bordered > thead > tr:first-child > th,
.card > .table-bordered > tbody > tr:first-child > th,
.card > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.card > .table-bordered > tbody > tr:last-child > td,
.card > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.card > .table-bordered > tfoot > tr:last-child > td,
.card > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.card > .table-bordered > tbody > tr:last-child > th,
.card > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.card > .table-bordered > tfoot > tr:last-child > th,
.card > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.card > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.card-group {
  margin-bottom: 17px;
}
.card-group .card {
  margin-bottom: 0;
  border-radius: 0;
}
.card-group .card + .card {
  margin-top: 5px;
}
.card-group .card-heading {
  border-bottom: 0;
}
.card-group .card-heading + .card-collapse > .card-body,
.card-group .card-heading + .card-collapse > .list-group {
  border-top: 1px solid #dddddd;
}
.card-group .card-footer {
  border-top: 0;
}
.card-group .card-footer + .card-collapse .card-body {
  border-bottom: 1px solid #dddddd;
}
.card-default {
  border-color: #aa0056;
  border-bottom: 3px solid #aa0056;
}
.card-default > .card-heading {
  color: #ffffff;
  background-color: #aa0056;
  border-color: #aa0056;
}
.card-default > .card-heading + .card-collapse > .card-body {
  border-top-color: #aa0056;
}
.card-default > .card-heading .badge-container {
  position: absolute;
  width: 100%;
  text-align: center;
  right: 0;
}
.card-default > .card-heading .badge-container > .badge {
  color: #ffffff;
  background-color: #aa0056;
  line-height: 27px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -ms-zoom: 1;
  zoom: 1;
  /*.box-shadow(0 2px 0 rgba(0,0,0,.25));*/
  border: 5px solid #aa0056;
}
.card-default > .card-footer + .card-collapse > .card-body {
  border-bottom-color: #aa0056;
}
/* Overlay
-----------------------------------------------------------*/
.overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  opacity: 0.85;
  filter: alpha(opacity=5);
  z-index: 999;
}
.overlay.targeted {
  position: absolute;
}
.overlay > .progress {
  position: absolute;
  z-index: 1051;
  width: 50%;
  top: 45%;
  left: 25%;
}
.overlay > .progress :before {
  content: "Loading...";
}
.overlay > .progressPortalCupe {
  position: absolute;
  z-index: 1051;
  width: 50%;
  top: 45%;
  left: 25%;
}
.overlay > .progressPortalCupe :before {
  content: "CUPE SCFP";
}
.overlay > .progressPortal {
  position: absolute;
  z-index: 1051;
  width: 50%;
  top: 45%;
  left: 25%;
}
.overlay > .progressPortal :before {
  content: "Authorizing User...";
}
/* Dynamic Content 
-----------------------------------------------------------*/
#dynamic-content {
  padding: 5px 0;
}
/* Nav in Wells
-----------------------------------------------------------*/
.well {
  color: #aa0056;
}
.well .affix .sub-nav {
  position: fixed;
  top: 50px;
}
.well .nav-pills > li.active > a {
  color: #fff;
}
.well .nav-pills > li > a:hover {
  color: #fff;
}
/* Notification message
-----------------------------------------------------------*/
.notify-close:before {
  content: "✖";
}
.notify-close:hover {
  cursor: pointer;
}
/* Custom Panel style
-----------------------------------------------------------*/
div[data-toggle="collapse"].panel-heading:hover {
  cursor: pointer;
}
/* Core breadcrumbs 
-----------------------------------------------------------*/
.breadcrumb-core {
  /*centering*/
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
  /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
  counter-reset: flag;
}
.breadcrumb-core a {
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 36px;
  color: #555555;
  /*need more margin on the left of links to accomodate the numbers*/
  padding: 0 10px 0 30px;
  background: #ddd;
  position: relative;
  font-weight: bold;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb-core a:first-child {
  padding-left: 25px;
  border-radius: 5px 0 0 5px;
  /*to match with the parent's radius*/
}
.breadcrumb-core a:first-child:before {
  left: 14px;
}
.breadcrumb-core a:last-child {
  border-radius: 0 5px 5px 0;
  /*this was to prevent glitches on hover*/
  padding-right: 20px;
}
/*hover/active styles*/
.breadcrumb-core a.active,
.breadcrumb-core a:hover {
  background: #aa0056;
  color: #fff;
}
.breadcrumb-core a.active:after,
.breadcrumb-core a:hover:after {
  background: #aa0056;
  color: #fff;
}
/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb-core a:after {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  /*half of square's length*/
  /*same dimension as the line-height of .breadcrumb-core a */
  width: 36px;
  height: 36px;
  /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
  -webkit-transform: scale(0.707) rotate(45deg);
  -ms-transform: scale(0.707) rotate(45deg);
  -moz-transform: scale(0.707) rotate(45deg);
  -o-transform: scale(0.707) rotate(45deg);
  transform: scale(0.707) rotate(45deg);
  /*we need to prevent the arrows from getting buried under the next link*/
  z-index: 1;
  /*background same as links but the gradient will be rotated to compensate with the transform applied*/
  background: #ddd;
  /*stylish arrow design using box shadow*/
  box-shadow: 2px -2px 0 2px #fbfbfb, 3px -3px 0 2px #fbfbfb;
  /*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
  border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumb-core a:last-child:after {
  content: none;
}
/* Visibility icon
-------------------------------------------------------------*/
a.collapsed > .visibility-icon:before {
  content: "\e105";
}
a > .visibility-icon:before {
  content: "\e106";
}
.close {
  -webkit-transition: 0.3s ease-in-out all;
  -o-transition: 0.3s ease-in-out all;
  -moz-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
.close:hover {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
  color: red;
  border-bottom: 2px solid red;
}
/* Table
----------------------------------------------------------------*/
.data-grid {
  max-height: 250px;
}
.arrow {
  margin-top: 10px;
}
.arrow:after {
  content: " ";
  position: absolute;
  left: 13px;
  top: -14px;
  border: 7px solid transparent;
  border-bottom: 7px solid #fff;
}
.arrow.pull-right:after {
  left: auto;
  right: 13px;
}
/* Delete/Detail/Edit icons
----------------------------------------------------------------*/
a.icon {
  text-decoration: none;
}
.icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.3s ease-in-out all;
  -o-transition: 0.3s ease-in-out all;
  -moz-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  padding: 0 5px;
}
.icon.remove:before {
  content: "\f00d";
  color: #f00;
}
.icon.remove:hover {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  -moz-transform: scale(2);
  transform: scale(2);
}
.icon.edit:before {
  content: "\f044";
  color: #f0ad4e;
}
.icon.edit:hover {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  -moz-transform: scale(2);
  transform: scale(2);
}
.icon.select:before {
	content: "\f138";
	color: #aa0056;
}

.icon.select:hover {
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	-moz-transform: scale(2);
	transform: scale(2);
}
.icon.details:before {
  content: "\f022";
  color: #aa0056;
}
.icon.details:hover {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  -moz-transform: scale(2);
  transform: scale(2);
  cursor: pointer;
}
/* Statuses
---------------------------------------------------------*/
.status {
	color: #fff;
	/*padding: 5px 20px;*/
	float: left;
	text-align: center;
	min-width: 100%;
}

	.status.radius {
		border-radius: 30px;
	}

	.status.default-contact {
		background-color: #5cb85c;
	}

	.status.active {
		background-color: #5cb85c;
	}

	.status.actif {
		background-color: #5cb85c;
	}

	.status.a {
		background-color: #5cb85c;
	}

	.status.decertified {
		background-color: #f0ad4e;
	}

	.status.désaccrédité {
		background-color: #f0ad4e;
	}

	.status.defunct {
		background-color: #d9534f;
	}

	.status.f_defunct {
		background-color: #d9534f;
	}

	.status.dissolved {
		background-color: #d9534f;
	}

	.status.dissoute {
		background-color: #d9534f;
	}

	.status.merged {
		background-color: #5bc0de;
	}

	.status.fusionnée {
		background-color: #5bc0de;
	}

	.status.transfer-of-jurisdiction {
		background-color: #555555;
	}

	.status.awaiting-charter-application {
		width: 150px !important;
		background-color: #d9534f;
	}

	.status.en-attente-charte-dapplication {
		width: 150px !important;
		background-color: #d9534f;
	}

	.status.transfert-de-compétence {
		background-color: #555555;
	}

	.status.under-administration {
		width: 150px !important;
		background-color: #428bca;
	}

	.status.sous-tutelle {
		background-color: #428bca;
	}

	.status.deceased {
		background-color: #f0ad4e;
	}

	.status.décédé {
		background-color: #f0ad4e;
	}

	.status.inactive {
		background-color: #d9534f;
	}

	.status.inactif {
		background-color: #d9534f;
	}

	.status.retired {
		background-color: #5bc0de;
	}

	.status.retraité {
		background-color: #5bc0de;
	}

	.status.unspecified {
		background-color: #555555;
	}

	.status.indéterminé {
		background-color: #555555;
	}

	.status.on-leave {
		background-color: #428bca;
	}

	.status.n-a {
		background-color: #555555;
	}

	.status.working {
		background-color: #5cb85c;
	}

	.status.not-specified {
		background-color: #555555;
	}

	.status.survivor {
		background-color: #555555;
	}

	.status.seconded {
		background-color: #f0ad4e;
	}

	.status.certified-awaiting-local-unit-- {
		background-color: #d9534f;
	}

	.status.closed {
		background-color: #d9534f;
	}

.byLawsLink.approved {
	color: blue;	
}

.byLawsLink.incomplete {
	color: red;
}

.byLawsLink.paper-files-only {
	color: black;
}

.byLawsLink.cupe-constitution {
	color: black;
}

/* Validation
---------------------------------------------------------------*/
.validation-summary-errors {
  padding: 15px;
  margin-bottom: 17px;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #dca7a7;
  border-color: #d595a0;
  color: #a94442;
  font-size: 100%;
  width: 100%;
}
.validation-summary-errors h4 {
  margin-top: 0;
  color: inherit;
}
.validation-summary-errors .alert-link {
  font-weight: bold;
}
.validation-summary-errors > p,
.validation-summary-errors > ul {
  margin-bottom: 0;
}
.validation-summary-errors > p + p {
  margin-top: 5px;
}
.validation-summary-errors hr {
  border-top-color: #ce838f;
}
.validation-summary-errors .alert-link {
  color: #843534;
}
.field-validation-error {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  background-color: #d9534f;
  font-size: 85%;
  border-radius: 0;
  display: block;
  text-align: left;
  padding: 8px;
}
a.field-validation-error:hover,
a.field-validation-error:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.field-validation-error:empty {
  display: none;
}
.btn .field-validation-error {
  position: relative;
  top: -1px;
}
.field-validation-error[href]:hover,
.field-validation-error[href]:focus {
  background-color: #c9302c;
}
.has-error {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* CAMPAIGN / ACTIVITIES
-------------------------------------------------------------*/
.detail-list,
.campaign-container,
.activity-container {
  border-bottom: 1px solid #ccc;
  padding: 15px;
}
.detail-list:first-child,
.campaign-container:first-child,
.activity-container:first-child {
  border-top: 1px solid #ccc;
}
.detail-list.panel,
.campaign-container.panel,
.activity-container.panel {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
  padding: 15px;
  background-color: transparent;
}
.detail-list.panel:first-child,
.campaign-container.panel:first-child,
.activity-container.panel:first-child {
  border-top: 1px solid #ccc;
}
.detail-list .info .title,
.campaign-container .info .title,
.activity-container .info .title {
  font-weight: bold;
  font-size: large;
}
.detail-list .info .subject,
.campaign-container .info .subject,
.activity-container .info .subject {
  font-size: medium;
  font-style: italic;
}
.detail-list .report,
.campaign-container .report,
.activity-container .report {
  /*@media @lg-only
        {
            .translate(0,50%);
        }*/
  font-size: 1.5rem;
}
.detail-list .report > .panel,
.campaign-container .report > .panel,
.activity-container .report > .panel {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.detail-list .report .send-options-label,
.campaign-container .report .send-options-label,
.activity-container .report .send-options-label {
  font-size: large;
  vertical-align: middle;
  padding-top: 5px;
}
@media only screen and (max-width: 1199px) {
  .detail-list .report,
  .campaign-container .report,
  .activity-container .report {
    padding-top: 10px;
  }
  .detail-list .report .send-options-label,
  .campaign-container .report .send-options-label,
  .activity-container .report .send-options-label {
    font-size: 1.35rem;
    vertical-align: middle;
    padding-top: 5px;
  }
}
.detail-list .report .count,
.campaign-container .report .count,
.activity-container .report .count {
  font-weight: bold;
}
.detail-list .badge,
.activity-container .badge {
  width: 70px;
  height: 70px;
  background-color: #aa0056;
  border: 3px solid #aa0056;
}
/* Custom form controls
------------------------------------------------------------*/
/* Base for label styling */
input.form-checkbox[type="checkbox"]:not(:checked),
input.form-checkbox[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
input.form-checkbox[type="checkbox"]:not(:checked) + input[type="hidden"] + label,
input.form-checkbox[type="checkbox"]:checked + input[type="hidden"] + label,
input.form-checkbox[type="checkbox"]:not(:checked) + label,
input.form-checkbox[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
input.form-checkbox[type="checkbox"]:not(:checked) + input[type="hidden"] + label:before,
input.form-checkbox[type="checkbox"]:checked + input[type="hidden"] + label:before,
input.form-checkbox[type="checkbox"]:not(:checked) + label:before,
input.form-checkbox[type="checkbox"]:checked + label:before {
  /* checkbox aspect */
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 1px solid #aa0056;
  background: #f8f8f8;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
input.form-checkbox[type="checkbox"]:not(:checked) + input[type="hidden"] + label:after,
input.form-checkbox[type="checkbox"]:checked + input[type="hidden"] + label:after,
input.form-checkbox[type="checkbox"]:not(:checked) + label:after,
input.form-checkbox[type="checkbox"]:checked + label:after {
  /* checked mark aspect */
  content: '\2714';
  position: absolute;
  top: 0;
  left: 4px;
  font-size: 14px;
  color: #aa0056;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
input.form-checkbox[type="checkbox"]:not(:checked):focus + input[type="hidden"] + label:before,
input.form-checkbox[type="checkbox"]:checked:focus + input[type="hidden"] + label:before,
input.form-checkbox[type="checkbox"]:not(:checked):focus + label:before,
input.form-checkbox[type="checkbox"]:checked:focus + label:before {
  /* accessibility */
  border: 1px solid #aa0056;
}
input.form-checkbox[type="checkbox"]:not(:checked) + input[type="hidden"] + label:after,
input.form-checkbox[type="checkbox"]:not(:checked) + label:after {
  /* checked mark aspect changes */
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
input.form-checkbox[type="checkbox"]:checked + input[type="hidden"] + label:after,
input.form-checkbox[type="checkbox"]:checked + label:after {
  /* checked mark aspect changes */
  opacity: 1;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
}
input.form-checkbox[type="checkbox"]:disabled:not(:checked) + input[type="hidden"] + label:before,
input.form-checkbox[type="checkbox"]:disabled:not(:checked) + label:before,
input.form-checkbox[type="checkbox"]:disabled:checked + input[type="hidden"] + label:before,
input.form-checkbox[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
input.form-checkbox[type="checkbox"]:disabled:checked + input[type="hidden"] + label:after,
input.form-checkbox[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
input.form-checkbox[type="checkbox"]:disabled + input[type="hidden"] + label,
input.form-checkbox[type="checkbox"]:disabled + label {
  color: #aaa;
}
input.form-checkbox[type="checkbox"] + input[type="hidden"] + label:hover:before,
input.form-checkbox[type="checkbox"] + label:hover:before {
  /* hover style just for information */
  border: 1px solid #4778d9 !important;
}
/* Custom checkbox for tables */
table > tbody > tr > td input.form-checkbox[type="checkbox"]:not(:checked) + input[type="hidden"] + label:before,
table > tbody > tr > td input.form-checkbox[type="checkbox"]:checked + input[type="hidden"] + label:before,
table > tbody > tr > td input.form-checkbox[type="checkbox"]:not(:checked) + label:before,
table > tbody > tr > td input.form-checkbox[type="checkbox"]:checked + label:before {
  /* checkbox aspect */
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #aa0056;
  background: #f8f8f8;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
table > tbody > tr > td input.form-checkbox[type="checkbox"]:not(:checked) + input[type="hidden"] + label:after,
table > tbody > tr > td input.form-checkbox[type="checkbox"]:checked + input[type="hidden"] + label:after,
table > tbody > tr > td input.form-checkbox[type="checkbox"]:not(:checked) + label:after,
table > tbody > tr > td input.form-checkbox[type="checkbox"]:checked + label:after {
  /* checked mark aspect */
  content: '\2714';
  position: absolute;
  top: -2px;
  left: 4px;
  font-size: 14px;
  color: #aa0056;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
input.form-radio-button[type="radio"]:not(:checked),
input.form-radio-button[type="radio"]:checked {
  /*position: absolute;
        left: -9999px;*/
}
input.form-radio-button[type="radio"]:not(:checked) + input[type="hidden"] + label,
input.form-radio-button[type="radio"]:checked + input[type="hidden"] + label,
input.form-radio-button[type="radio"]:not(:checked) + label,
input.form-radio-button[type="radio"]:checked + label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
}
input.form-radio-button[type="radio"]:not(:checked) + input[type="hidden"] + label:before,
input.form-radio-button[type="radio"]:checked + input[type="hidden"] + label:before,
input.form-radio-button[type="radio"]:not(:checked) + label:before,
input.form-radio-button[type="radio"]:checked + label:before {
  /* checkbox aspect */
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #aa0056;
  background: #f8f8f8;
  /*border-radius: 3px;*/
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
input.form-radio-button[type="radio"]:not(:checked) + input[type="hidden"] + label:after,
input.form-radio-button[type="radio"]:checked + input[type="hidden"] + label:after,
input.form-radio-button[type="radio"]:not(:checked) + label:after,
input.form-radio-button[type="radio"]:checked + label:after {
  /* checked mark aspect */
  content: ' ';
  position: absolute;
  top: 10px;
  left: 7px;
  font-size: 14px;
  color: #aa0056;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #aa0056;
  border: 1px solid #aa0056;
}
input.form-radio-button[type="radio"]:not(:checked):focus + input[type="hidden"] + label:before,
input.form-radio-button[type="radio"]:checked:focus + input[type="hidden"] + label:before,
input.form-radio-button[type="radio"]:not(:checked):focus + label:before,
input.form-radio-button[type="radio"]:checked:focus + label:before {
  /* accessibility */
  border: 2px solid #aa0056;
}
input.form-radio-button[type="radio"]:not(:checked) + input[type="hidden"] + label:after,
input.form-radio-button[type="radio"]:not(:checked) + label:after {
  /* checked mark aspect changes */
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
input.form-radio-button[type="radio"]:checked + input[type="hidden"] + label:after,
input.form-radio-button[type="radio"]:checked + label:after {
  /* checked mark aspect changes */
  opacity: 1;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
}
input.form-radio-button[type="radio"]:disabled:not(:checked) + input[type="hidden"] + label:before,
input.form-radio-button[type="radio"]:disabled:not(:checked) + label:before,
input.form-radio-button[type="radio"]:disabled:checked + input[type="hidden"] + label:before,
input.form-radio-button[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
input.form-radio-button[type="radio"]:disabled:checked + input[type="hidden"] + label:after,
input.form-radio-button[type="radio"]:disabled:checked + label:after {
  color: #999;
}
input.form-radio-button[type="radio"]:disabled + input[type="hidden"] + label,
input.form-radio-button[type="radio"]:disabled + label {
  color: #aaa;
}
input.form-radio-button[type="radio"] + input[type="hidden"] + label:hover:before,
input.form-radio-button[type="radio"] + label:hover:before {
  background-color: #dbe5f8;
  /* hover style just for information */
  /*border: 2px solid darken(#4778d9, 2%) !important;*/
}
input.form-radio-button[type="radio"] + input[type="hidden"] + label:hover:after,
input.form-radio-button[type="radio"] + label:hover:after {
  /* hover style just for information */
  background-color: #3f72d7;
  border: 2px solid #3f72d7 !important;
}
/* Dashboard
------------------------------------------------------------*/
.dash {
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
  padding-left: 25px;
  padding-right: 25px;
  min-height: 100px;
  max-height: 100px;
}
.dash > a {
  position: absolute;
  width: inherit;
  height: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  margin-left: 15px;
  margin-right: 15px;
}
.dash > .dash-badge {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #aa0056;
  -webkit-transform: translate(0, 15%);
  -ms-transform: translate(0, 15%);
  -o-transform: translate(0, 15%);
  -moz-transform: translate(0, 15%);
  transform: translate(0, 15%);
  margin-right: 15px;
  position: relative;
}
.dash > .dash-badge > .dash-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2.5em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
}
.dash > .dash-content {
  text-align: center;
  min-width: 70px;
}
.dash > .dash-content > .dash-stat {
  font-size: large;
  font-weight: bold;
}
.dash > .dash-content > .dash-heading {
  overflow: hidden;
  max-width: 95px;
}
/* Circular Buttons 
------------------------------------------------------------*/
table > tbody > tr > td > button.btn.btn-success.badge {
  margin-top: 8px;
  background-color: #5cb85c;
  width: 20px;
  height: 20px;
  padding: 0;
}
table > tbody > tr > td > button.btn.btn-danger.badge {
  margin-top: 8px;
  background-color: #d9534f;
  width: 20px;
  height: 20px;
  padding: 0;
}
/* Helpers
------------------------------------------------------------*/
.center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.inline-block {
  display: inline-block !important;
}
.vertical-center {
  position: relative;
  vertical-align: middle;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 1200px) {
  .lg-vertical-center {
    position: relative;
    vertical-align: middle;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.required {
  color: red;
  vertical-align: middle;
}
.twitter {
  background-image: url('../../app/img/logo/twitter-icon.png');
}
.facebook {
  background-image: url('../../app/img/logo/FB-f-Logo__blue_29.png');
}
.google {
  background-image: url('//ssl.gstatic.com/images/icons/gplus-32.png');
  margin-right: 12px;
}
.headerLink {
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  display: block;
  width: 22px;
  height: 22px;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  text-indent: 100%;
}
.faIndexPage {
  display: inline-block;
  position: relative;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 0.6em;
  top: -5px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}
.glyphiconIndexPage {
  position: relative;
  top: -1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 0.6em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}
/* Animations
-------------------------------------------------------*/
.yoyo.ng-enter {
  -webkit-animation: enter 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-animation: enter 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-animation: enter 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation: enter 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  display: block;
  position: relative;
}
@keyframes enter {
  from {
    opacity: 0;
    height: 0;
    left: -70px;
  }
  75% {
    left: 15px;
  }
  to {
    opacity: 1;
    height: 30px;
    left: 0;
  }
}
@-webkit-keyframes enter {
  from {
    opacity: 0;
    height: 0;
    left: -70px;
  }
  75% {
    left: 15px;
  }
  to {
    opacity: 1;
    height: 30px;
    left: 0;
  }
}
.yoyo.ng-leave {
  -webkit-animation: leave 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-animation: leave 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-animation: leave 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation: leave 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  display: block;
  position: relative;
}
@keyframes leave {
  to {
    opacity: 0;
    height: 0;
    left: -70px;
  }
  25% {
    left: 15px;
  }
  from {
    opacity: 1;
    height: 30px;
    left: 0;
  }
}
@-webkit-keyframes leave {
  to {
    opacity: 0;
    height: 0;
    left: -70px;
  }
  25% {
    left: 15px;
  }
  from {
    opacity: 1;
    height: 30px;
    left: 0;
  }
}
/*.animated.fadeInUp{
    &.ng-hide {
    }
}

.animated.slideInRight {
    &.ng-hide {
        
    }
    
}*/
#dynamic-content tr.ng-enter {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight;
}
#dynamic-content tr.ng-enter-active {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight;
}
#dynamic-content tr.ng-leave {
  -webkit-animation-name: slideOutRight;
  -moz-animation-name: slideOutRight;
  -o-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
#dynamic-content tr.ng-leave-active {
  -webkit-animation-name: slideOutRight;
  -moz-animation-name: slideOutRight;
  -o-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
/*.my-switch-container {
  position:relative;
  overflow-x:hidden;
  height:500px;
}

.my-switch-animation.ng-enter,
.my-switch-animation.ng-leave {
  -webkit-transition:0.5s linear all;
  transition:0.5s linear all;
  height:500px;

  position:absolute;
  top:0;
  left:0;
  right:0;
}

.my-switch-animation.ng-enter {
  left:100%;
}

.my-switch-animation.ng-leave,
.my-switch-animation.ng-enter.ng-enter-active {
  left:0;
}

.my-switch-animation.ng-leave.ng-leave-active {
  left:-100%;
}*/
.my-switch-container {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 500px;
}
.switch-right.ng-enter,
.switch-right.ng-leave,
.switch-left.ng-enter,
.switch-left.ng-leave {
  min-height: 500px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.switch-right.ng-enter {
  -webkit-animation: 0.5s switch-enter-right;
  -o-animation: 0.5s switch-enter-right;
  -moz-animation: 0.5s switch-enter-right;
  animation: 0.5s switch-enter-right;
}
.switch-right.ng-leave {
  -webkit-animation: 0.5s switch-leave-left;
  -o-animation: 0.5s switch-leave-left;
  -moz-animation: 0.5s switch-leave-left;
  animation: 0.5s switch-leave-left;
  display: none;
}
.switch-left.ng-enter {
  -webkit-animation: 0.5s switch-enter-left;
  -o-animation: 0.5s switch-enter-left;
  -moz-animation: 0.5s switch-enter-left;
  animation: 0.5s switch-enter-left;
}
.switch-left.ng-leave {
  -webkit-animation: 0.5s switch-leave-right;
  -o-animation: 0.5s switch-leave-right;
  -moz-animation: 0.5s switch-leave-right;
  animation: 0.5s switch-leave-right;
  display: none;
}
@keyframes switch-enter-right {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@-webkit-keyframes switch-enter-right {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@keyframes switch-leave-right {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@-webkit-keyframes switch-leave-right {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@keyframes switch-enter-left {
  from {
    right: 100%;
  }
  to {
    right: 0;
  }
}
@-webkit-keyframes switch-enter-left {
  from {
    right: 100%;
  }
  to {
    right: 0;
  }
}
@keyframes switch-leave-left {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}
@-webkit-keyframes switch-leave-left {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}
.img-color {
	color: white;
}

.left-pad {
	padding-left: 5px;
}
/*# sourceMappingURL=Site.css.map */