[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}
.form-horizontal .control-label{
  /* text-align:right; */
  text-align:left;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.spkText p { margin-bottom: 0px!important;} /*used for the speaker presetation module to not have as much spacing between lines*/
ul {
	list-style-type: none;
}
li {
	padding: 0em;
}
.logo-subnav { margin: auto;}
input.ng-invalid-required.ng-touched { box-shadow: 1px 1px 3px rgba(200, 0, 0, 0.85) !important; }
select.ng-invalid-required.ng-touched { box-shadow: 1px 1px 3px rgba(200, 0, 0, 0.85) !important;}

/*******************margins and widths *****************************/
.mt-0 {
  margin-top: 0px !important;
}
.mt-1 {
  margin-top: 10px !important;
}

.pub-width-90 { max-width: 90%; }

/********************************************************/

/*
.pub-required:after {
	content:  " *";	
}
*/
.clearBoth {
	clear: both;
}
.noDisplay {
	display: none
}
.error {
	color: #900;
}
.ngdialog.pub-dialog-50 .ngdialog-content {
	width: 50%;
}
.pub-show-strong-ama:before {
	font-weight: bold;
	font-style: italic;
	content: "AMA PRA Category 1 Credit\2122 \0020";
}
.pub-show-ama:before {
	font-style: italic;
	content: "AMA PRA Category 1 Credit\2122 \0020";
}
.pub-show-ama-with-s:before {
	font-style: italic;
	content: "AMA PRA Category 1 Credits\2122 \0020";
}
.pub-show-strong-ama-with-s:before {
	font-weight: bold;
	font-style: italic;
	content: "AMA PRA Category 1 Credits\2122 \0020";
}
.pub-show-ama-with-paren:before {
	font-style: italic;
	content: "AMA PRA Category 1 Credit(s)\2122 \0020";
}
.pub-show-strong-ama-with-paren:before {
	font-weight: bold;
	font-style: italic;
	content: "AMA PRA Category 1 Credit(s)\2122 \0020";
}
.pub-show-strong-ama-no-space:before {
	font-weight: bold;
	font-style: italic;
	content: "AMA PRA Category 1 Credit\2122";
}
.pub-show-ama-no-space:before {
	font-style: italic;
	content: "AMA PRA Category 1 Credit\2122";
}
.pub-show-ama-with-s-no-space:before {
	font-style: italic;
	content: "AMA PRA Category 1 Credits\2122";
}
.pub-show-strong-ama-with-s-no-space:before {
	font-weight: bold;
	font-style: italic;
	content: "AMA PRA Category 1 Credits\2122";
}
.pub-show-ama-with-paren-no-space:before {
	font-style: italic;
	content: "AMA PRA Category 1 Credit(s)\2122";
}
.pub-show-strong-ama-with-paren-no-space:before {
	font-weight: bold;
	font-style: italic;
	content: "AMA PRA Category 1 Credit(s)\2122";
}
.pub-spacer {
	padding: 1em;
	width: 100%;
}

.pub-panel-filter {
	width: 50em;
}
.pub-navbar-top { height: 100%;  }

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { border-color: #fff; background-color: transparent; } /* this is for the navbar border for hamburger for HOVER */
.navbar-inverse .navbar-toggle { border-color: #fff; } /* this is for the navbar border for hamburger */
.sidebar-nav { margin-bottom: 20px; }
.sub-nav { margin-bottom: 20px; margin-top: 50px;}
.pub-sidebar-toggle 
{
    border: 1px solid #333; /* this is for the border hamburger lines for side bar */
}
.pub-side-icon-bar { background-color: #333; } /* this is for the 3 hamburger lines for side bar */

.navbar-collapse, .navbar-default .navbar-form {
    border-color: darkblue; /* Whatever Colour you want */
}





/* -----------------------Register page--------------------------------*/
.pub-register-event-top {
	text-align: center;
	border: 2px solid;
	margin: 1em;
	padding: 1em;
	border-radius: 1rem;
}
.pub-reg-fee-box {
	max-width: 40%;
}
.pub-box-cart { padding: 1.5em; }
/*---------------------------------------------------------------------*/


/* ----------------------- Catalog  -----------------------------------*/
.pub-event-block-c {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}
.pub-event-block-rss {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}
.pub-event-block-e {
	margin: 1em;
	padding: 1em;
}
.pub-event-block-a {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}
.pub-event-block-all {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}
.pub-event-block-f {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}
.pub-event-block-e li {
	padding: .4em;
}

/*---------------------------------------------------------------------*/

/* ----------------------------Certificate ----------------------------------------------------------*/
.pub-cert-block-top {
	padding: 2em;
	background-color: #908F92;
	color: #fff;
	margin-bottom: 10px;
}

/*---------------------------------------------------------------------------------------------------*/



/* ----------------------------------Navigation------------------------------------------------------*/
.pub-sidebar {
	margin: 0px 20px 0px 0px;
}

.navbar-collapse.collapse {
	padding-bottom: 10px;
	padding-top: 10px !important
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent; }
.navbar-inverse .navbar-nav > li > a { color: #fff; }
.pub-nav-welcome { color: #fff; padding: 6px 20px;}
.pub-welcome-p { padding-top: 10px; }
.sidebar .nav-second-level li, .sidebar .nav-third-level li {
	border-bottom: 0 none !important;
}
.nav > li > a {
	color: #555;
    display: block;
    padding: 6px 20px;
    text-decoration: none;
    width: auto;
}

.dropdown {cursor: pointer; }
/* --------------------------------------------------------------------------------------------------*/

/* loading bar.  use colors #fff, or #29d------------------------------------------------------------*/
#loading-bar .bar {

	background: white;
	height: 4px;
}

#loading-bar-spinner .spinner-icon {

	border-top-color: white;
	border-left-color: white;
}
/* --------------------------------------------------------------------------------------------------*/

/* ----------------------------Pass Meter  ----------------------------------------------------------*/
.pass-meter {
	width: 100%;
	padding-top: 3px;
	padding-bottom: 4px;
}

.pass-meter.hidden {
	display: none;
}

.pass-meter-col {
	float: left;
	width: 25%;
	padding: 1px;
}

.pass-meter-col .indicator {
	border-radius: 3px;
	background-color: #eee;
	height: 5px;
}
.pass-meter-col.poor .indicator {
	background-color: #ef4e3a;
}
.pass-meter-col.weak .indicator {
	background-color: #F27B1C;
}
.pass-meter-col.good .indicator {
	background-color: #66cc33;
}
.pass-meter-col.strong .indicator {
	background-color: #33A7E3;
}

.pass-meter .pass-meter-message {
	width: 100%;
	text-align: right;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-style: bold;
	color: #555;
	min-height: 7px;
}

/*---------------------------------------------------------------------------------------------------*/

/* -------------------------ToolTip------------------------------------------------------------------*/
.tooltip.pub-tooltip .tooltip-inner {
	font-size: 16px;
	text-align: left;
	padding: 0px 10px 0px 10px;
	width: 100%;
}
/* Hide arrow */
.tooltip.pub-tooltip .tooltip-arrow {
	display: none;
}
/* --------------------------------------------------------------------------------------------------*/

#slides_control > div{
  height: 200px;
}

#slides_control {
  position:absolute;
  width: 400px;
  left:50%;
  top:20px;
 margin-left:-200px;
}

/* -------------------------Footer------------------------------------------------------------------*/

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}
/* --------------------------------------------------------------------------------------------------*/
/* -------------------------placeholder label------------------------------------------------------------------*/

.has-float-label{display:block;position:relative}.has-float-label label,.has-float-label>span{position:absolute;cursor:text;font-size:75%;opacity:1;-webkit-transition:all .2s;transition:all .2s;top:-.5em;left:12px;z-index:3;line-height:1;padding:0 1px}.has-float-label label::after,.has-float-label>span::after{content:" ";display:block;position:absolute;background:#fff;height:2px;top:50%;left:-.2em;right:-.2em;z-index:-1}.has-float-label .form-control::-webkit-input-placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label .form-control::-moz-placeholder{opacity:1;transition:all .2s}.has-float-label .form-control:-ms-input-placeholder{opacity:1;transition:all .2s}.has-float-label .form-control::placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)+*{font-size:150%;opacity:.5;top:.3em;font-weight:400}.input-group .has-float-label{display:table-cell}.input-group .has-float-label .form-control{border-radius:4px}.input-group .has-float-label:not(:last-child) .form-control{border-bottom-right-radius:0;border-top-right-radius:0}.input-group .has-float-label:not(:first-child) .form-control{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}
/* --------------------------------------------------------------------------------------------------*/
/* -------------------------icon inside input------------------------------------------------------------------*/
.pub-icon-input {
        float: right;
        margin-right: 6px;
        margin-top: -25px;
        position: relative;
        z-index: 2;
        font-size: 1.5em;
    }
/* --------------------------------------------------------------------------------------------------*/

/* -------------------------generic Padding------------------------------------------------------------------*/
.pub-padding-5 { padding: 5px; }
.pub-padding-10 { padding: 10px; }

/* --------------------------------------------------------------------------------------------------*/

/* -------------------------Add to Calendar------------------------------------------------------------------*/
.atc-btn-group {
  display: inline-block;
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  cursor: pointer; }
 
  .atc-btn-group .atc-dropdown {
    position: static;
    list-style: none;
    left: 0;
    margin: 0;
    padding: 0;
    top: 2.25em;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
    width: 12em;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16), 0 3px 5px rgba(0, 0, 0, 0.23); }
    .atc-btn-group .atc-dropdown > li {
	  text-align: left; 		    
      box-sizing: border-box;
      border-radius: 3px;
      padding: 0 0.75em; }
      .atc-btn-group .atc-dropdown > li > a {
        color: #000;
        text-decoration: none; }
      .atc-btn-group .atc-dropdown > li:hover {
        background-color: #e8e8e8; }
  .atc-btn-group .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
border-left: 4px solid transparent; }

/* --------------------------------------------------------------------------------------------------*/

#printSection { display: none; }
.pub-calendar-key { display: block; padding: 14px 16px; text-decoration: none; text-align: center; float: left; }
.pub-text-color-RSS { color: rgb(50,205,50); }
.pub-text-color-enduring { color: rgb(227, 188,8); }
.pub-text-color-course { color: rgb(100,149,237); }
.pub-text-color-featured{ color: rgb(178,34,34); }
.pub-text-color-SON{ color: rgb(75,0,130); }
.pub-text-color-PD{ color: rgb(125, 76, 239); }
.pub-text-color-myRegistrations { color: rgb(238,130,238); }
.pub-no-number-spinner { -webkit-appearance: none; margin: 0; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.pub-no-number-spinner-ff { -moz-appearance: textfield; }
.ng-invalid-max { box-shadow: 1px 1px 3px rgba(200, 0, 0, 0.85) !important; }
.ng-invalid-pattern { box-shadow: 1px 1px 3px rgba(200, 0, 0, 0.85) !important; }
.pub-view-background-color { background-color: transparent;}

.pub-panel-heading { color: #333; background-color: #f5f5f5; padding: 10px 15px; border: 1px solid #ddd; }


/*Margin and Padding helpers*/
/*xs*/
.p-xs { padding: .25em; }
.p-x-xs { padding: 0 .25em; }
.p-y-xs { padding: .25em 0 ; }
.p-t-xs { padding-top: .25em; }
.p-r-xs { padding-right: .25em; }
.p-b-xs { padding-bottom: .25em; }
.p-l-xs { padding-left: .25em; }
.m-xs { margin: .25em; }
.m-x-xs { margin: 0 .25em; }
.m-y-xs { margin: .25em 0 ; }
.m-r-xs { margin-right: .25em; }
.m-l-xs { margin-left: .25em; }
.m-t-xs { margin-top: .25em; }
.m-b-xs { margin-bottom: .25em; }
/*sm*/
@media (min-width:768px){
/*sm*/
.p-sm { padding: .5em; }
.p-x-sm { padding: 0 .5em; }
.p-y-sm { padding: .5em 0 ; }
.p-t-sm { padding-top: .5em; }
.p-r-sm { padding-right: .5em; }
.p-b-sm { padding-bottom: .5em; }
.p-l-sm { padding-left: .5em; }
.m-sm { margin: .5em; }
.m-x-sm { margin: 0 .5em; }
.m-y-sm { margin: .5em 0 ; }
.m-t-sm { margin-top: .5em; }
.m-r-sm { margin-right: .5em; }
.m-b-sm { margin-bottom: .5em; }
.m-l-sm { margin-left: .5em; }
}

/*md*/
@media (min-width: 992px){
.p-md { padding: 1em; }
.p-x-md { padding: 0 1em; }
.p-y-md { padding: 1em 0; }
.p-t-md { padding-top: 1em; }
.p-r-md { padding-right: 1em; }
.p-b-md { padding-bottom: 1em; }
.p-l-md { padding-left: 1em; }
.m-md { margin: 1em; }
.m-x-md { margin: 0 1em; }
.m-y-md { margin: 1em 0 ; }
.m-t-md { margin-top: 1em; }
.m-r-md { margin-right: 1em; }
.m-b-md { margin-bottom: 1em; }
.m-l-md { margin-left: 1em; }
}

/*lg*/
@media (min-width: 1200px){
.p-lg { padding: 1.5em; }
.p-x-lg { padding: 0 1.5em; }
.p-y-lg { padding: 1.5em 0; }
.p-t-lg { padding-top: 1.5em; }
.p-r-lg { padding-right: 1.5em; }
.p-b-lg { padding-bottom: 1.5em; }
.p-l-lg { padding-left: 1.5em; }
.m-lg { margin: 1.5em; }
.m-x-lg { margin: 0 1.5em; }
.m-y-lg { margin: 1.5em 0; }
.m-t-lg { margin-top: 1.5em; }
.m-r-lg { margin-right: 1.5em; }
.m-b-lg { margin-bottom: 1.5em; }
.m-l-lg { margin-left: 1.5em; }
}
/*xl*/
.p-xl { padding: 3em; }
.p-x-xl { padding: 0 3em; }
.p-y-xl { padding: 3em 0 ; }
.p-t-xl { padding-top: 3em; }
.p-r-xl { padding-right: 3em; }
.p-b-xl { padding-bottom: 3em; }
.p-l-xl { padding-left: 3em; }
.m-xl { margin: 3em; }
.m-x-xl { margin: 0 3em; }
.m-y-xl { margin: 3em 0; }
.m-t-xl { margin-top: 3em; }
.m-r-xl { margin-right: 3em; }
.m-b-xl { margin-bottom: 3em; }
.m-l-xl { margin-left: 3em; }

/*************FOR BLUEIMP FILE UPLOAD****************************************/
td { padding-bottom: 20px; }

.fileupload-progress {
	margin: 10px 0;
}
.fileupload-progress .progress-extended {
	margin-top: 5px;
}
.error {
  color: red;
}

@media (min-width: 481px) {
  .navigation {
    list-style: none;
    padding: 0;
  }
  .navigation li {
    display: inline-block;
  }
  .navigation li:not(:first-child):before {
    content: "| ";
  }
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}
input[type="file"] {
    display: block;
}

/*****************************************************/
.text-red { color: red; }
.strikethrough { text-decoration: line-through;}
.nounderline {
  text-decoration: none !important
}
.pub-icon-style-sm { width: 40px; margin-right: 5px; float: right;}
.pub-icon-style { font-size: 50px; text-align: center; margin-top: 10px;}
.pub-icon-text { font-size: 1.2em; }

.pub-tile-green {padding: 10px; background-color: #008000; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-green:hover { color: #fff; opacity: 0.8; }
.pub-tile-green:focus { color: #fff; opacity: 0.8; }
.pub-tile-green-sm {padding: 5px; background-color: #008000; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-green-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-green-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-orange {padding: 10px; background-color: #ce4b27; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-orange:hover { color: #fff; opacity: 0.8; }
.pub-tile-orange:focus { color: #fff; opacity: 0.8; }
.pub-tile-orange-sm {padding: 5px; background-color: #ce4b27; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-orange-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-orange-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-violet {padding: 10px; background-color: #5b3ab6; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-violet:hover { color: #fff; opacity: 0.8; }
.pub-tile-violet:focus { color: #fff; opacity: 0.8; }
.pub-tile-violet-sm {padding: 5px; background-color: #5b3ab6; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-violet-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-violet-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-red {padding: 10px; background-color: #b51c44; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-red:hover { color: #fff; opacity: 0.8; }
.pub-tile-red:focus { color: #fff; opacity: 0.8; }
.pub-tile-red-sm {padding: 5px; background-color: #b51c44; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-red-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-red-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-blue {padding: 10px; background-color: #3498DB; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-blue:hover { color: #fff; opacity: 0.8; }
.pub-tile-blue:focus { color: #fff; opacity: 0.8; }
.pub-tile-blue-sm {padding: 5px; background-color: #3498DB; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-blue-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-blue-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-yellow {padding: 10px; background-color: #FFC426; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-yellow:hover { color: #fff; opacity: 0.8; }
.pub-tile-yellow:focus { color: #fff; opacity: 0.8; }
.pub-tile-yellow-sm {padding: 5px; background-color: #FFC426; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-yellow-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-yellow-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-gold {padding: 10px; background-color: #e88a05; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-gold:hover { color: #fff; opacity: 0.8; }
.pub-tile-gold:focus { color: #fff; opacity: 0.8; }
.pub-tile-gold-sm {padding: 5px; background-color: #e88a05; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-gold-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-gold-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-magenta {padding: 10px; background-color: #a300aa;; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-magenta:hover { color: #fff; opacity: 0.8; }
.pub-tile-magenta:focus { color: #fff; opacity: 0.8; }
.pub-tile-magenta-sm {padding: 5px; background-color: #a300aa;; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-magenta-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-magenta-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-grey {padding: 10px; background-color: #808080; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-grey:hover { color: #fff; opacity: 0.8; }
.pub-tile-grey:focus { color: #fff; opacity: 0.8; }
.pub-tile-grey-sm {padding: 5px; background-color: #808080; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-grey-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-grey-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-light-grey {padding: 10px; background-color: #8BA4B7; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-light-grey:hover { color: #fff; opacity: 0.8; }
.pub-tile-light-grey:focus { color: #fff; opacity: 0.8; }
.pub-tile-light-grey-sm {padding: 5px; background-color: #8BA4B7; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-light-grey-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-light-grey-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-light-blue {padding: 10px; background-color: #0084B4; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-light-blue:hover { color: #fff; opacity: 0.8; }
.pub-tile-light-blue:focus { color: #fff; opacity: 0.8; }
.pub-tile-light-blue-sm {padding: 5px; background-color: #0084B4; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-light-blue-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-light-blue-sm:focus { color: #fff; opacity: 0.8; }

.pub-tile-light-green {padding: 10px; background-color: #7aa93c; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-light-green:hover { color: #fff; opacity: 0.8; }
.pub-tile-light-green:focus { color: #fff; opacity: 0.8; }
.pub-tile-light-green-sm {padding: 5px; background-color: #7aa93c; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block;  }
.pub-tile-light-green-sm:hover { color: #fff; opacity: 0.8; }
.pub-tile-light-green-sm:focus { color: #fff; opacity: 0.8; }

.pub-event-tile {padding: 10px; background-color: #647687; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block; }
.pub-event-tile:hover { color: #fff; opacity: 0.8; }
.pub-event-tile:focus { color: #fff; opacity: 0.8; }
.pub-event-tile-sm {padding: 5px; background-color: #647687; color: #fff; box-shadow: none !important; text-decoration: none !important; text-align: center; display: block; }
.pub-event-tile-sm:hover { color: #fff; opacity: 0.8; }
.pub-event-tile-sm:focus { color: #fff; opacity: 0.8; }

/* Cursor hover effects */
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: -webkit-grab; cursor: grab;}
.grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}

/** END  **/

ng-barcode, .ng-barcode, div[ng-barcode] {
    display: block;
    height: 75px;
	margin: 24px auto;
	width: 300px;
} 

.pub-notes-a { word-wrap: break-word; }
.pub-notes-f { word-wrap: break-word; }
.pub-notes-c { word-wrap: break-word; }
.pub-notes-rss { word-wrap: break-word; }
.pub-notes-course { word-wrap: break-word; }
.pub-notes-all { word-wrap: break-word; }
.pub-notes-e { word-wrap: break-word; }
.pub-notes-i { word-wrap: break-word; }
.pub-notes-webEventDetailsCatalog { word-wrap: break-word; }
.pub-notes-custom1 { word-wrap: break-word; }
.pub-notes-custom2 { word-wrap: break-word; }
.pub-notes-custom3 { word-wrap: break-word; }
.pub-notes-custom4 { word-wrap: break-word; }
.pub-notes-custom5 { word-wrap: break-word; }
.pub-notes-custom6 { word-wrap: break-word; }
.pub-notes-custom7 { word-wrap: break-word; }
.pub-notes-custom8 { word-wrap: break-word; }
.pub-notes-custom9 { word-wrap: break-word; }
.pub-notes-custom10 { word-wrap: break-word; }
.pub-notes-custom11 { word-wrap: break-word; }
.pub-notes-custom12 { word-wrap: break-word; }
.pub-notes-custom13 { word-wrap: break-word; }
.pub-notes-custom14 { word-wrap: break-word; }
.pub-notes-custom15 { word-wrap: break-word; }
.pub-notes-custom16 { word-wrap: break-word; }
.pub-notes-custom17 { word-wrap: break-word; }
.pub-notes-custom18 { word-wrap: break-word; }
.pub-notes-custom19 { word-wrap: break-word; }
.pub-notes-custom20 { word-wrap: break-word; }
.pub-notes-custom21 { word-wrap: break-word; }
.pub-notes-custom22 { word-wrap: break-word; }
.pub-notes-custom23 { word-wrap: break-word; }
.pub-notes-custom24 { word-wrap: break-word; }
.pub-notes-custom25 { word-wrap: break-word; }
.pub-notes-custom26 { word-wrap: break-word; }
.pub-notes-custom27 { word-wrap: break-word; }
.pub-notes-custom28 { word-wrap: break-word; }
.pub-notes-custom29 { word-wrap: break-word; }
.pub-notes-custom30 { word-wrap: break-word; }
.pub-notes-custom31 { word-wrap: break-word; }
.pub-notes-custom32 { word-wrap: break-word; }
.pub-notes-custom33 { word-wrap: break-word; }
.pub-notes-custom34 { word-wrap: break-word; }
.pub-notes-custom35 { word-wrap: break-word; }
.pub-notes-custom36 { word-wrap: break-word; }
.pub-notes-custom37 { word-wrap: break-word; }
.pub-notes-custom38 { word-wrap: break-word; }
.pub-notes-custom39 { word-wrap: break-word; }
.pub-notes-custom40 { word-wrap: break-word; }


/* for custom icons for calendar

  .event.rss {
	background: url("../images/pub-icon-cal-rss.png");
	background-position: left center;;
	background-repeat: no-repeat;
  }
  .event.c {
	background: url("../images/pub-icon-cal-c.png");
	background-position: left center;;
	background-repeat: no-repeat;
  }
  .event.em {
	background: url("../images/pub-icon-cal-em.png");
	background-position: left center;;
	background-repeat: no-repeat;
  }
  .event.myregs {
	background: url("../images/pub-icon-cal-myregs.png");
	background-position: left center;;
	background-repeat: no-repeat;
  }
  mwl-calendar .event {
	width:15px;
	height:15px;
	border:none;
	box-shadow: none;
	border-radius:  0;
  }

  */

  .card {
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	height: 550px;
  }
  .card-recently-viewed {
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	min-height: 250px;
  }
  /* On mouse-over, add a deeper shadow */
  .card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  .card-recently-viewed:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  .card-body { padding: 5px 20px 10px 20px; }
  .card-body-recently-viewed { padding: 1px 8px 4px 8px; }
  .card-title { color: #444; font-size: 18px;}
  .card-title-recently-viewed { color: #444; font-size: 14px;}
  .card-title-recently-viewed:hover { color: #444; font-size: 14px; text-decoration: none !important;}
  .tmpl-content-recently-viewed { padding: 10px 0px 3px 0px;  }
  .fit-image{
	width: 100%;
	object-fit: cover;
	height: 275px; /* only if you want fixed height */
	}
  .fit-image-recently-viewed{
		width: 100%;
		object-fit: cover;
		height: 200px; /* only if you want fixed height */
		}		
  
  .block-inner { max-width: 1300px; margin: auto;  }
  .block-outer { }
.h-120 { height: 65vh;}
.pub-row-equal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.pub-row-equal > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.filter-li { min-width: 300px; }
#limheight {
    height: 400px; /*your fixed height*/
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3; /*3 in those rules is just placeholder -- can be anything*/
}

#limheight li {
    display: inline-block; /*necessary*/
}
.inline-block { display: inline-block; }
.pub-dd { font-size: 18px !important; }
.pub-dd-list { font-size: 14px; background-color: #fff; margin: 5px 5px 0px 0px;; padding: 2px; border-radius: 10px; }
.sub-navbar-toggle { border-color: black !important; background-color: #fff !important;}
.sub-icon-bar { background-color: black !important;}
.navbar-collapse, .navbar-default .navbar-form {
    border-color: none;
}
.tmpl-content { height: 230px;}
.tmpl-button { height: 45px;}
.pub-subnavbar-top { margin-top: 100px;}
.pub-full-width-nav { width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
 }
.pub-navbar-sub {
	color: #fff !important;
	background-color: #333;
	border: none !important; 
 }
 .pub-navbar-sub:focus {
	color: #fff !important;
	background-color: #333;
	border: none !important; 
 }
 .pub-dd-selector { color: #fff !important;}
 .pub-dd-selector:hover { color: #333 !important;}
 .pub-dd-selector:focus { color: #333 !important;}
 .pub-dd-selection { color: #333 !important;}
 .pub-selected-filter-item { color: #333 !important;}
 .nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; color: #333 !important; }

.pub-no-style { padding: 0 !important;}
.pub-fees { color: #555}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}
.padding-none { padding: 0px !important;}
.no-underline {text-decoration: none !important;}
.border {
	border: 1px solid #ddd;
	border-radius: 10px;
}
.displayForPrint { display: none; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    max-width: 1920px;
    margin: 0 auto;
}
    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 1080px;
    }