/* http://getbootstrap.com/css/#tables-responsive */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

body#login {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #eee;
}

html,body {
	height:100%;
}

.d-none{
	display:none;
}

.fullscreen_bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: 50% 50%;
	background: #feffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.form-signin {
	max-width: 380px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin {
	margin-bottom: 10px;
}
.form-signin .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-color: #000;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #000;
}
.form-signin-heading {
	color: #fff;
	text-align: center;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
}

.vertical-centered-block:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */
.vertical-centered {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}

.headermenu li {
	height: 100%;
}

.headermenu .tp-icon {
	color: #d4d4d4;
}

/* Styles from the inverse css*/

.headermenu .dropdown-menu-usermenu {
	background: #fff;
	border: 1px solid #ddd;
	border-top: 0;
}


.headermenu .dropdown-menu:after {
	/*border-color: #ddd;*/
	border-bottom-color: #fff;
}

.headermenu .dropdown-menu {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.176);
}

.dropdown-menu-head .title {
	background: #fff;
	border: 1px solid #ddd;
	border-bottom-color: #eee;
	border-top: 0;
}

.item-panel {
	border: 1px solid #d4d4d4;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.176);
	position: relative;
	/*width: auto;*/
	display: inline-block;
	margin: auto;
	margin-bottom: 20px;
	padding: 5px;
}

.item-image img {
	margin: auto;
}

.item-body, .item-footer {
	padding:  0 20px;
}

.rightpanel .news-content {
	border-left: 1px solid #d4d4d4;
	height: 100%;
	padding: 15px;
}

.rightpanel .media:after {
	content: '';
	display: inline-block;
	height: 1px;
	width: 95%;
	margin: auto;
	border-bottom: 1px solid #d4d4d4;
}

.rightpanel .media-thumb img {
	width: 100%;
	margin-right: 0;
}

.table caption {
	padding: 10px;
	color: #fff;
}

.table-success caption {
	background: none repeat scroll 0 0 #1caf9a;
}
.table-primary caption {
	background: none repeat scroll 0 0 #428bca;
}

.btn-secondary {
	background-color: #76AA77;
	border-color: #6DA26F;
	color: #fff;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	background-color: #609D61;
	border-color: #6DA26F;
	color: #f1f1f1;
}

.btn-save:before,
.btn-edit:before,
.btn-view:before,
.btn-add:before,
.btn-shop:before,
.btn-search:before,
.btn-excel:before,
.btn-download:before,
.btn-print:before,
.btn-currency:before,
.btn-shipping:before,
.btn-globe:before
{
	border-right: 1px solid #fff;
	/*color: #fff;*/
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	text-decoration: inherit;
}

.btn-white.btn-save:before,
.btn-white.btn-edit:before,
.btn-white.btn-view:before,
.btn-white.btn-add:before,
.btn-white.btn-shop:before,
.btn-white.btn-search:before,
.btn-white.btn-excel:before,
.btn-white.btn-download:before,
.btn-white.btn-print:before {
	border-right-color: inherit;
}

.btn-save:before {
	content: "";
}

.btn-edit:before {
	content: "";
}

.btn-view:before {
	content: "";
}

.btn-add:before {
	content: "";
}

.btn-print:before {
	content: "";
}

.btn-shop:before {
	content: "";
}

.btn-search:before {
	content: "";
}

.btn-download:before {
	content: "";
}

.btn-excel:before {
	content: "";
}
.btn-currency:before {
	content: ""; /* This is not blank! The font just doesn't show. */
}
.btn-globe:before {
	content: "";
}
.btn-shipping:before {
	content: "";
}

.script-content li {
	list-style: none;
	margin:2px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	letter-spacing: 0.02em;
}

.script-content li:hover {
	color: #336baa;
}

.scriptNote {
  color: #999999;
  font-style: italic;
  text-align: center;
}

.widget-time .glyphicon.small, .widget-time .fa.small {
  color: #fff;
  font-size: 50px;
  opacity: 1;
}

.widget-time.panel-alt.small .panel-heading {
	padding: 15px;
}

.widget-time.small .panel-heading {
	height: 100px;
}

.fc-event.fc-event-success {
	background-color: #36AD58;
}

.fc-event-inner a {
	color: #fff;
	text-decoration: none;
}

.panel {
	background: none repeat scroll 0 0 #f7f7f7;
}

.panel-white {
	background: none repeat scroll 0 0 #fff;
}

.panel-default > .panel-heading {
	background-color: #f4f4f4;
	border-color: #e7e7e7;
}

.panel-group-primary .panel-title a, .panel-group-primary .panel-title a.collapsed {
	background-color: #4588be;
	border-bottom: 1px solid #5894C5;
	color: #fff;
}

.panel-group-primary .panel-title a:hover, .panel-group-primary .panel-title a:hover.collapsed {
	background-color: #4F93CB;
	color: #fff;
}

.nav-tabs.no-bg {
	background-color: transparent;
}

.nav-tabs.no-bg > li > a, .nav-tabs.no-bg > li > a:hover, .nav-tabs.no-bg > li > a:focus {
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}

.nav-tabs.no-bg > li.active > a, .nav-tabs.no-bg > li.active > a:hover, .nav-tabs.no-bg > li.active > a:focus {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #fff;
	border-color: #ddd #ddd transparent;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #555;
	cursor: default;;
}

.panel-trigger{
    cursor: pointer;
}

.tab-content {
	border-color: #ddd #ddd transparent;
	border-style: solid;
	border-width: 1px;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: #a7d07d;
}

.panel-stat .stat {
	min-height: 65px;
	max-width: none;
}

.panel-stat .stat-label {
	font-size: 10px;
}

.iframe-container {
	min-height: 800px;
	width: 100%
}

.iframe-container iframe {
	border: none;
	width:100%;
	height:100vh;
}

.social {
	padding: 0.1em;
	font-size: 1.1em;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	margin: 0.2em;
	text-align: center;
	box-sizing: content-box;
}

a.social:hover {
	text-decoration: none;
}

.footer {
	position: absolute;
	bottom: 0;
	height: 60px;
	width: 100%;
	text-align: center;
}

.wizard a {
	padding: 10px 12px 10px;
	margin-right: 5px;
	background: #efefef;
	position: relative;
	display: inline-block;
}
.wizard a:before {
	width: 0;
	height: 0;
	border-top: 20px inset transparent;
	border-bottom: 20px inset transparent;
	border-left: 20px solid #fff;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
}
.wizard a:after {
	width: 0;
	height: 0;
	border-top: 20px inset transparent;
	border-bottom: 20px inset transparent;
	border-left: 20px solid #efefef;
	position: absolute;
	content: "";
	top: 0;
	right: -20px;
	z-index: 2;
}
.wizard a:first-child:before,
.wizard a:last-child:after {
	border: none;
}
.wizard a:first-child {
	-webkit-border-radius: 4px 0 0 4px;
	   -moz-border-radius: 4px 0 0 4px;
			border-radius: 4px 0 0 4px;
}
.wizard a:last-child {
	-webkit-border-radius: 0 4px 4px 0;
	   -moz-border-radius: 0 4px 4px 0;
			border-radius: 0 4px 4px 0;
}
.wizard .badge {
	margin: 0 5px 0 18px;
	position: relative;
	top: -1px;
}
.wizard a:first-child .badge {
	margin-left: 0;
}
.wizard .current {
	background: #007ACC;
	color: #fff;
}
.wizard .current:after {
	border-left-color: #007ACC;
}

.headermenu li:nth-child(4) {
  display: block;
}

.spinner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.spinner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	height: 8px;
	width: 24px;
}

@media only screen and (max-width: 1920px) {

	table.responsive { margin-bottom: 0; }

	.pinned { position: absolute; left: 0; top: 0; width: 15%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }

	div.table-wrapper { position: relative; margin-bottom: 20px; overflowX: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left: 15%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }

}

/*==========Alchemy Player==================*/
.alchemy-background{ background: url('../admin/training/alchemy1/alchemybkgd.png '); 
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;}
/*  .alchemy-background{ background: #000;}*/
#mediaplayer{margin-bottom: 20px;
width: 60%; margin-left: auto; margin-right: auto;
             }
/*.black-table{background: url('../admin/training/alchemy1/tablebk.png '); background-size: 100%; color: #FFF; }*/
.black-table{background-color: transparent; color: #FFF;}
.black-table tr {border: 0px solid #000;}
.black-table tbody > tr > td {border: 0px; font-size: 100%;}
.black-table a {color: #FFF; text-decoration: none; font-size: 150%;}
.black-table a:hover {color: Silver; }


/*.black-table a:visited {color: Lime;}

.black-table a:active {color: Lime;}*/

#nowplaying {position: relative; font-size: 150%; font-weight: bold; color: #FFF; text-align: center; }
.nowplaying {position: relative; font-size: 150%; font-weight: bold; color: #FFF; text-align: center; margin-top: 20px;}

/*======================Signup Page======================*/
.row .join-us{min-width: 380px;}
.row .join-us p {font-size: 20px; font-size: 1.1em; }
.signup-button{margin-top: 0px; margin-bottom: 30px;}
.signup-welcome{border: 1px solid #666; padding: 3px; min-height: 325px; background-color: #FFF;}
 .signup-welcome-img-wrap{position: relative; width: auto; min-height: 191px; max-height: 50%;}
.signup-welcome-img-wrap img{margin: 0 auto; margin-bottom: 8px; width: auto; max-height: 191px;}
#arrow{z-index: 0; position: absolute; top: 53%; left: 39%; float: right; margin-right: -20%; margin-left: auto;}
.col-xs-12 #arrow col-xs-8 {top: 75%;}
#arrow img{margin-right: 0;}
#signup-arrow-image {width: 100%; left: 5%;}
.img-responsive {margin: 0 auto;}
.welcome{margin-bottom: 15px;  text-align: center; vertical-align: text-bottom; min-height: 191px;}
.welcome p{ position: absolute; bottom: 0px; padding: 10px; font-size: 15px; line-height: 150%; vertical-align: bottom; height: auto;}
.welcome h3{font-size: 2.0vw;}

/*===================Sign up Step Wizard================*/
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

/*===============Alchemy Tool Tips================
.tooltip-wrap {
  position: relative;
}
.tooltip-wrap .tooltip-content {
  display: none;
  position: absolute;
  bottom: 5%;
  left: 5%;
  right: 5%;
  color: #666;
  background-color: #fff;
  padding: .5em;
}
.tooltip-wrap:hover .tooltip-content {
  display: block; 
  top: -40px;
  z-index: 1000;
}

row col-md-4 table-responsive table tr td a span.tooltip {
      position: absolute;
      width: 100px;
      height: 20px;
      line-height: 20px;
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: rgb(113, 157, 171);
      background: rgb(255, 255, 255);
      border: 4px solid rgb(255, 255, 255);
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
}

row col-md-4 table-responsive table tr td a span.tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: #FFFFFF transparent transparent transparent;
      top: 44px;
      left: 50px;
}*/
#nowplaying
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#nowplaying2
{
    width: 80%; 
    margin-left: auto;
    margin-right: auto;
    color: #666;
    text-align: center;
    }
.nowplaying2
{
    width: 80%; 
    margin-left: auto;
    margin-right: auto;
    color: #666;
    text-align: center;
}

.image-link
{
    color: #FFF;
    text-align: center;
}
.image-panel
{
    background: #FFF;
}
table tr td div.panel-collapse .alchemy-desc
{
    width: 100%;
    padding: 10px;
    word-wrap: normal;
    white-space: normal;
}

/* POL Panel style */
.panel-pol-blue {
	background: rgb(0,28,50);
	background: linear-gradient(180deg, rgba(0,28,50,1) 0%, rgba(0,28,50,1) 33%, rgba(25,87,119,1) 100%);
	color: white;
}

/*
    Vimeo iframe responsive embed
*/
/* Button CSS  */
/* play-btn */
.vi-lazyload-playbtn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
  
	background-image: url("../../images/bigWhitePlayButton.png");
	background-position: 50%, 50%;
  
	background-size: calc(35px + 5%) auto;
	background-repeat: no-repeat;
  }
  
  /* play-btn:hover */
  .vi-lazyload-playbtn-biz:hover {
	background-image: url("../../images/bigWhitePlayButton.png");
	opacity: 0.7;
  }
  
  /* play-btn */
  .vi-lazyload-playbtn-biz {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
  
	background-image: url("../../images/bigWhitePlayButton.png");
	background-position: 50%;
  
	background-size: calc(35px + 5%) auto;
	background-repeat: no-repeat;
  }
  
  /* play-btn:hover */
  .vi-lazyload-playbtn-biz:hover {
	background-image: url("../../images/bigWhitePlayButton.png");
	opacity: 0.7;
  }
  
  /* play-btn */
  .vi-lazyload-playbtn-biz-dark {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
  
	background-image: url("../../images/darkPlayButton.png");
	background-position: 50%;
  
	background-size: calc(35px + 5%) auto;
	background-repeat: no-repeat;
  }
  
  /* play-btn:hover */
  .vi-lazyload-playbtn-biz-dark:hover {
	background-image: url("../../images/darkPlayButton.png");
	opacity: 0.7;
  }

#listenWatch{box-shadow: 7px 7px 10px #737373;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 7px 7px 10px #737373;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 7px 7px 10px #737373;}

.responsive-width {
    font-size: 3vw;
}

@media screen and (max-width: 992px) {
    
    
    table tr td div.panel-collapse .alchemy-desc{
    width: 100%;
    padding: 10px;
    word-wrap: normal;
}
col-md-4 table-responsive table tr td div.panel-collapse .panel-body{
    width: 100%;
    padding: 10px;
    word-wrap: normal;
    white-space: normal;
}
        
    }
    
@media screen and (max-width: 768px) 
{
    .alchemy-background { background-image: none;}
    #nowplaying{width: 100%;
                margin-left: auto;
    margin-right: auto;}
    
}