@import url("/css/animate.min.css"); /* Using a url */

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("https://mdn.mozillademos.org/files/15757/SourceSansPro-Regular.otf") format("opentype");
}

body,html {

  height: 100%;


}

/* Fix page jitter */
body {
 overflow-y: scroll;
}



#booth-setup-title {
	font-weight: 300;
	color:#848484;
	font-size: 18px;
	vertical-align:middle;
}

#booth-setup-video {
	position: relative;
}

.live-stream-icon {

	color:#fff;;
	padding:0px 5px;
	position: absolute;
	top:0;
	right:0;
	font-size: 12px;
	z-index: 100;
	width:100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	background-color:#ac2131;
	/*background-color: rgba(255, 255, 255, 0.4);*/
}


.live-stream-icon i {
    -webkit-animation: fadeinout 2s linear infinite;
    animation: fadeinout 2s linear infinite;
    opacity: 0;
	margin-right:5px;
	font-size:10px;
}

@-webkit-keyframes fadeinout {
  50% { opacity: 1; }
}

@keyframes fadeinout {
  50% { opacity: 1; }
}




/*#join-livestream {
	position: absolute;
	bottom:10px;
	right:20px;
	color:#fff;
	font-size: 12px;
	z-index: 100;
}

#join-livestream i {
	margin:0px;
}*/

#booth-livestream-view-controls {
	position: absolute;
	bottom:5px;
	right:10px;
	z-index: 200;
}

#booth-livestream-view-controls li  {
	display: inline-block;
	text-align: center;
	padding: 0px;
	margin-right:10px;
}


#booth-livestream-view-controls i {
    background: #6CA7F7;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
	color:#fff;
	font-size: 18px;
}






.btn-toggle-live {
	color:#555;
	border-left:1px solid #adb5bd;
	padding-left:15px;
}

.btn-toggle-live i {
	color:#ac2131;
	margin-right:5px;
	font-size:18px;
}



#video-stats {
	position: absolute;
	top:10px;
	right:10px;
	z-index: 100;
	background: #6CA7F7;
	color:#fff;
	padding:0px 10px;
	border-radius: 5px;
}


.select2-container--default .select2-results > .select2-results__options {
	max-height: 300px;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #A7A7A7;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #A7A7A7;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #A7A7A7;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #A7A7A7;
}

.dropdown-menu {
	z-index: 1030;
}



.admin-only {
	font-size: 12px;
	color:#3D3D3D;
	margin-left:15px;
}


.rating-input {
	font-size: 24px;
}

#addPoints {
	width:75px;
	height:75px;
	position: absolute;
	top:40px;
	right:40px;
	z-index: 3000;
	border-radius: 50%;
	background: #6CA7F7;
	color:#fff;
	font-size: 24px;
	font-weight: 700;
	 display: flex; /* or inline-flex */
  align-items: center;
  justify-content: center;
}


/* Filters */

#filters {
	//display:none;
	border:1px solid #ddd;
	padding:10px 20px 20px;
	background:#fff;
	margin-bottom:20px;
}

#filters h5 {
font-weight: 400;
font-size: 13px;
text-transform: uppercase;
padding: 10px 20px 10px 0px;
margin: 0px;
}


#pointNotification {
	position: absolute;
	top:40px;
	right:40px;
	z-index: 3000;
}

#pointNotification #num {
	padding:20px;
	border-radius: 50%;
	background: #6CA7F7;
	color:#fff;
	font-size:48px;
	font-weight: 700;
	border:3px solid #fff;
}

.client-view-timestamp {
	color:#807E7E;
	margin-left:10px;
	font-size:14px;
}

.link-dark {
	color:#000;
}

.pulsating-circle {
  position: absolute;
  right: 60px;
  top: 30px;
	z-index: 3000;
	width: 100px;
	height: 100px;
}
.pulsating-circle:before {
  content: 'Brad';
	color:#000;
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: #6CA7F7;
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}



/* End Filter */

.dashboard-sub-menu a.active {
	border-bottom:2px solid #6CA7F7;
}

.dashboard-sub-menu a.in-active {
	border-bottom:2px solid #efefef;
}


.filter-menu {
	color: #333333;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
	margin-top:50px;
}


.show-floor-filter {
	margin-top:0px;
}

.badge-brand {
	background-color:#00a0e0;
	color:#fff;
}

#show-search {
	margin-top:30px;
}


/* Live Booth/Showfloor Support */

#showfloor-chat {
	bottom: 0;
	font-size: 12px;
	right: 24px;
	position: fixed;
	width: 180px;
	background-color: #6CA7F7;
	border-radius: 5px 5px 0 0;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px 24px;
	text-align: center;
	z-index: 100;
}

#showfloor-filter-container {
	background: #efefef;
}

#showfloor-filter-container.sticky-top {
	padding:10px 0px 5px 0px;
}

#showfloor-filter-container.sticky-top .dashboard-sub-menu {
	margin:8px 0px 0px 0px;
}

#showfloor-filter-container.sticky-top #show-search {
	margin-top:0;
}





@media (min-width: 576px) {
.show-floor-filter {
	margin-top:30px;
	margin-bottom:10px;
}


}



ul#booth-management {
	list-style-type: none;
	margin-bottom: 15px;
	float:left;
	padding:0px;
}

ul#booth-management li {
	float:left;
	padding-right:15px;
}

#booth-livestream {
	background:#000;
	position: relative;
}


#booth-livestream-window {
	position: relative;
}

#booth-livestream-window video {
    width: 100%;
	height:100%;
	object-fit: contain;

}




#booth-livestream-window  #group-chat-window {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px 20px 20px 20px;
	border:1px solid #ddd;
}

#booth-livestream-window textarea {
	border-color:#fff;
}

#booth-livestream-window #group-chat-submit {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:0px;
}

#booth-livestream-window textarea:focus{
    border-radius: 0;
}


/*#booth-livestream-window #bls-videostreams {
	display:block;
}
*/


#bls-unblockaudio {
	position: absolute;
	top:15px;
	right:30px;
	z-index: 200;
}


#bls-videostreams .name {
	left:3px;
	bottom:9px;
}


#bls-videostreams video {
	width:100%;
	position: relative;
}

#bls-videostreams {
	display: flex;
	align-items: center;
	justify-content: center;
    flex-flow: row wrap;
}

#bls-screenshare video {
	width:100%;
	position: relative;
}

#bls-screenshare {
	display: flex;
	align-items: center;
	justify-content: center;
}





#sponsor-alert-container {
	width:500px;
	min-height:100px;
	background:#fff;
	position: absolute;
	top:20px;
	right:30px;
	z-index: 1200;
}

#sponsor-alert {
	position: relative;
	padding:10px;
}

#sponsor-alert-close {
	position: absolute;
	bottom:5px;
	right:10px;
	z-index: 1210;
}



#chat-alert-container {
	width:100%;
	min-height:80px;
	background:#fff;
	position: fixed;
	z-index: 2220;
}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
#chat-alert-container {
	width:350px;
	min-height:80px;
	background:#fff;
	position: absolute;
	top:20px;
	right:30px;
	z-index: 2220;
}
}



#chat-alert {
	position: relative;
	padding:10px;
}

.chat-alert-user {
	font-weight: 700;
	margin-bottom:5px;
}


.chat-alert-msg {
	margin-bottom:5px;
}



#chat-alert img {
	width:70px;
}




/*#sponsor-alert img {
	float:left;
	margin-right:10px;
	width:75px;
}*/




#register-form {
	width:80%;
	margin:0px auto;
}

#registration-terms {
	padding:30px 40px;
	border:1px solid #ddd;
}

#show-reg {
	display: none;
	margin-top:300px;
}

#show-reg .form-group {
	margin-left:0px;
}


#show-login {
	/*margin-top:300px;*/

}


#show-login .form-group {
	margin-left:0px;
}


#show-logo-lobby {
	width: 500px;margin-top:40px;
}


@media only screen and (max-width : 1500px) {
	#show-logo-lobby {
		width: 400px;margin-top:20px;
	}

}

.fa-podium-star {
	font-size:18px;
}

.no-login {
	color:#dc823d;
}


#register-sidebar {
	/*background: url(/tsimages/5375/registration-sidebar.jpg?TS=1552898843) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/

}


#register-sidebar #show-logo {
	max-width:400px;
	
}


#register-sidebar.logo-top-left {
	 display: flex;
  align-items: flex-start;
	padding-left:30px;
}

#register-sidebar.logo-top-center {
	 display: flex;
  justify-content: center;
	padding-top:50px;
}

#register-sidebar.logo-top-right {
	display: flex;
  justify-content: right;
	padding-right:30px;
}

#register-sidebar.logo-center {
	 display: flex;
  align-items: center;
  justify-content: center;
}




#register-sidebar {
	position: relative;
}

/*#register-sidebar #show-logo.show-logo-left {
	position: absolute;
	top:100px;
	left:75px;
	max-width:250px;
}*/


/*#register-sidebar #show-details {
	margin:0px auto 0px auto;
	padding-top:300px;
	width:80%;
}

#register-sidebar #show-logo {
	width:500px;
	margin-bottom: 30px;
}
*/

.btn-home {
	background-color:#000000;
	color:#fff;
	border:0;
	font-weight: 700 !important;
}

.btn-home:hover {
	background-color:#6CA7F7;
	color:#fff;
}

#home-content {
	width: 100%;
	height: 100vh;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-video {
	width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
    overflow: hidden;
}
@media only screen and (max-width: 1500px) {
	.home-video .video-background {
		width: auto;
		height: 100% !important;
	}
}




.video-home-overlay {
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
	background:;
    /*background: linear-gradient(217deg, rgba(0, 21, 38, 0.85), rgba(174, 32, 48, 0.85), rgba(0, 233, 212, 0.9));*/
    display: flex;
    justify-content: center;
    align-items: center;
}
#home-video-img {
	height: 100vh;
	max-width: inherit;
}
#home-content h1 {
	line-height: 26px;
	color:#fff;
	font-size:26px;
	font-weight: 400;
}
@media only screen and (max-width: 767px) {
	#home-content h1 {
		line-height: 38px;
    	font-size: 30px;
	}
}
@media only screen and (max-width: 575px) {
	#home-content h1 {
		line-height: 30px;
    	font-size: 20px;
	}
}


/* Booth Products */


#mobile-page-header{
	background:#fff;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding-top:10px;
}



.sageNum {
	padding:15px 0px 0px 0px;
	display: block;
	color:#b72834;
	font-weight: 700;
	line-height: 5px;
}
.ppaiNum {
	padding:15px 0px 0px 0px;
	display: block;
	color:#293496;
	font-weight: 700;
	line-height: 5px;
}

.sageAcct {
	font-size:16px;
	margin:0;
	padding:0;
	color:#000;
}


.supplier-header-info {
	list-style-type: none;
	display: table;
	padding-left:0px;
	float:left;
	margin-left:20px;

}

.supplier-header-info li {
	padding:15px 15px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}




#mobile-page-header .supplier-header-info img {
	width:60%;
}

#mobile-page-header .supplier-header-info li {
	padding:10px 0px 0px 0px;
	border-spacing: 10px;
}

#mobile-exh-logo {
	float:left;
	width:140px;
}


#productSort { list-style-type: none; margin:20px 0px; padding: 0;  }
 #productSort li { display:inline-table; width: 200px; margin-right:10px;}


#productSort .productImg {
	position: relative;
	margin-bottom:15px;
	padding:20px;
	border:1px solid #ddd;
}

#productSort a {
	position: absolute;
	z-index: 10px;
	bottom:5px;
	right:5px;
}


#booth-user-list {
	max-height: 500px;
	padding:15px;
	overflow: auto; border:1px solid #ddd;
}



/* For video upload - move to style sheet */
		.progressBar {
		    width: 200px;
		    height: 22px;
		    border: 1px solid #ddd;
		    border-radius: 5px;
		    overflow: hidden;
		    display:inline-block;
		    margin:0px 10px 5px 5px;
		    vertical-align:top;
		}

		.progressBar div {
		    height: 100%;
		    color: #fff;
		    text-align: right;
		    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
		    width: 0;
		    background-color: #0ba1b5; border-radius: 3px;
		}
		.statusbar
		{
		    border-top:1px solid #A9CCD1;
		    min-height:25px;
		    width:700px;
		    padding:10px 10px 0px 10px;
		    vertical-align:top;
		}
		.statusbar:nth-child(odd){
		    background:#EBEFF0;
		}
		.filename
		{
		display:inline-block;
		vertical-align:top;
		width:250px;
		}
		.filesize
		{
		display:inline-block;
		vertical-align:top;
		color:#30693D;
		width:100px;
		margin-left:10px;
		margin-right:5px;
		}
		.abort{
		    background-color:#A8352F;
		    -moz-border-radius:4px;
		    -webkit-border-radius:4px;
		    border-radius:4px;display:inline-block;
		    color:#fff;
		    font-family:arial;font-size:13px;font-weight:normal;
		    padding:4px 15px;
		    cursor:pointer;
		    vertical-align:top
		    }

.card-upgrade .card-footer {
	background-color:#fff;
}



.card-header-upgrade {
	background-color:#6CA7F7;
}

.card-header-upgrade h4 {
	color:#fff;
	font-size: 20px;
}


.pricing-card-title {
	font-size:24px;
	margin-bottom: 0px;
}


/* Manage Booth */

ul.booth-livestream-controls {
		list-style-type: none;
	position: absolute;
	bottom:5px;
	margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
	z-index: 400;
	padding:0px;
	width: 210px;
}


ul.booth-livestream-controls li  {
	display: inline-block;
	text-align: center;
	padding: 0px;
	margin-right:10px;
}


ul.booth-livestream-controls i {
    background: #6CA7F7;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
	color:#fff;
	font-size: 18px;
}








ul.live-video-controls {
	list-style-type: none;
	position: absolute;
	bottom:5px;
	margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
	z-index: 400;
	padding:0px;
	width: 210px;
}

ul.live-video-controls li {
	display: inline-block;
	text-align: center;
	padding: 0px;
	margin-right:10px;
}


ul.live-video-controls i {
    background: #6CA7F7;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
	color:#fff;
	font-size: 18px;
}

/*ul #share-screen i {
	background:#848484;
}*/

ul #share-screen.active i {
	background: #6CA7F7;
}

ul #share-screen {
	position: relative;
}

ul #share-screen #active-screen-share {
	position: absolute;
	background: none;
	border-radius: 0;
	line-height: 20px;
	left:20px;
	top:19px;
	transform: translate(-50%, -50%);
	font-size:5px;
	 -webkit-animation: fadeinout 2s linear infinite;
    animation: fadeinout 2s linear infinite;
    opacity: 0;
	display: none;
}

ul #share-screen.active #active-screen-share {
	display: block;
}




#chat-users li.user-away img {
	opacity: 0.3;
}

#chat-users .slick-prev {
	left:15px !important;
}

#chat-users  .slick-next {
	right:15px !important;
}


.slick-prev {
	left:0px !important;
}

.slick-next {
	right:0px !important;
}

/* Slick arrows on product modal */
#thumbCarousel-container .slick-prev {
	left:-10px !important;
	z-index: 100;
}

#thumbCarousel-container .slick-next {
	right:-10px !important;
	z-index: 100;
}






#exhibitor-staff-activity .slick-list {
	padding-top:5px;
}


#exhibitor-staff-activity {
	list-style-type: none;
	padding-left:0px;
	margin-bottom:10px;
}

#exhibitor-staff-activity .item {
	position: relative;
	padding: 0px 5px;
}

#exhibitor-staff-activity .item a img {
	border-radius: 50%;
}

#exhibitor-staff-activity .item a {
	outline: none !important;
}



#exhibitor-staff-activity .item a.active img {
	/*width:50px;*/
	background-color:#fff;
	padding:1px;
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);

}

#exhibitor-staff-activity .item a.in-active img {
	/*width:40px;*/
	border:0;
	background-color: transparent;
	padding:0px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}


.active-chats {
	position: absolute;
	top:0px;
	right:5px;
	z-index: 10;
	border-radius: 50%;
	width:15px;
	height:15px;
	font-size: 10px;
	text-align: center;
	background: #555;
	color:#fff;
	line-height: 14px;
}


#exhibitor-staff-activity .item a.active .active-chats {
	background: #1FAD24;
}


#exhibitor-staff-activity .item a.in-active .active-chats {
	background: #555;
}

#staff-chat-window .user  {
	margin-right:5px;
}



.visitor-name {
	line-height: 16px;
	margin: 0px;
}

.visitor-type {
	font-size: 12px;
	margin-left: 35px;
	padding:0px;
}


.tag-visitor.active {
	color:#6CA7F7 !important;
}

#visitor-activity-list-block {
	max-height: 450px;
	overflow: auto;
}


#visitor-activity-list {

}

#visitor-chat-transcript-block {
	max-height: 450px;
	overflow: auto;
}

.manage-visitor-table a{
	color:#333;
}

.manage-visitor-table .name {
	margin-bottom:2px;
	line-height: 18px;
	font-weight: 700;
	display: block;
}

.manage-visitor-table .company {
	font-size:12px;
	line-height: 18px;
	color:#363636;
	display: block;
}

.manage-visitor-table .time {
	font-size:14px;
}

.manage-visitor-table .btn-group {
	padding:0px 15px;
}


.visitor-dist {
	color: #0089d1 !important;
}

.visitor-supp {

	color: #0cb14b !important;
}

.visitor-client {
	color:#e31318 !important;
}

.visitor-guest {
	color:#848282 !important;
}

.visitor-nonexhsupp {
	color:#ba2b2e !important;
}

.visitor-staff {
	color:#672abc !important;
}

tr.visitor-gone .name, tr.visitor-gone .company, tr.visitor-gone .time {
	color:#8A8A8A !important;
}

.manage-visitor-table img {
	border-radius: 50%;
	width:35px;
	margin-right:10px;
}

#manage-stats {
	list-style-type: none;
	padding-left:0px;
	margin-top:-5px;
	float:right;
	display: none;
	font-size:16px;
}

.stats-num {
	display: none;
}

#manage-stats li {
	display: inline-block;
	margin-left:15px;
}


/* Large devices (desktops, 1360px and up) */
@media (min-width: 1195px) {
 	#manage-stats {
		display: block;
	 	font-size: 16px;
		margin-top:0px;
	}
}

@media (min-width: 1300px) {
 	.stats-num {
		display: inline-block;
	}
}


@media (min-width: 1400px) {
 	#manage-stats {
	 	font-size: 18px;
		margin-top:0px;
	}

	#manage-stats li {
		margin-left:20px;
	}
}






#manage-booth {
	background:#fff;
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}


#manage-booth .alert {
	padding:10px;
	margin-bottom: 0px;
}


#manage-booth p, #manage-network p {
	float: left;
	margin-top: 3px;
}


#manage-booth .btn-action, #manage-network .btn-action
{
	display:block;
	width:100%;
	margin-bottom:5px;
}

@media (min-width: 576px) {
 #manage-booth .btn, #manage-network .btn {
	float:right;
	 margin-right:10px;
	 width: auto;
}
}



.video-chat {
	margin-bottom:20px;
}




#staff-active-card {
	padding:20px 30px;
	border-bottom:1px solid #ddd;
	position: relative;
}


#staff-active-card .end-chat {
	position: absolute;
	top:20px;
	right:30px;
}

#staff-active-card img {
	border-radius: 50%;

}


#chat-head-pic {
	width:75px;
}


#staff-active-card ul {
	list-style-type: none;
	padding:0px;
	margin-bottom:0px;
}

#staff-active-card ul li {
	padding:0;
	margin:0;
	line-height: 20px;
	font-size: 14px;
}

#staff-active-card ul li a {
	color:#848484;
}


#staff-active-card h5 {
	font-size:14px;
}


.social-icons {
	font-size:30px;
}

.booth-staff-chats {
	border:1px solid #ddd;
	background:#fff;
	padding: 10px 10px 10px 0px;
	position: relative;
	margin:30px 0px;
}

.booth-staff-chats h5 {
	margin-left: 50px;
	margin-bottom:0px;
	float:left;
}

.booth-staff-chats img {
	position: absolute;
	top:-10px;
	left:-20px;
	width:60px;
	border-radius: 50%;
}

.booth-staff-chats i {
	float:right;
	margin-top:5px;
	font-size:18px;
}





[data-toggle="collapse"] .fa:before {
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}




#add-item-num-block, #add-item-database-block, #add-item-popular-block {
	display: none;
}



/* End Booth Products */







#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.bgdark {
	background:#efefef;
}

 .sticky-offset {
    top: 0px;
}




@media (min-width: 768px) {
 .sticky-offset {
    top: 91px;
}
}

.alert-info a, .alert-info a:hover, .alert-info a:focus {
	color:#0c5460;
}


.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
    top: 0.5rem !important;
    left: -2rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.custom-control-lg .custom-control-label {
    margin-left: 0.5rem !important;
    font-size: 1rem !important;
}


.subheader {
	color:#6CA7F7;
	margin-top:20px;
}

/* Pavillion */

.product-description a.favorite {
	font-size:24px;
	color:#555555;
	margin-right:15px;
}

.product-description a.favorite.active {
	color: #a1192e;
}

.product-description a.favorite .fas.fa-heart 
{
	color: #a1192e;
}


#exh-featured-prod a.favorite {
	position: absolute;
		bottom:15px;
	right:15px;
	font-size:22px;
	z-index: 100;
}

#exh-featured-prod a.favorite.active {
	color: #a1192e;
}

#exh-featured-prod a.favorite .fas.fa-heart,
.product-description a.favorite .fas.fa-heart 
{
	color: #a1192e;
}





#product-sidebar .nav-link {
	background:#fff;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-align: center;
}

.product-pavilion {
	position: relative;
}




.product-pavilion a.show-walklist {
	position: absolute;
		bottom:15px;
	right:10px;
	font-size:24px;
	z-index: 100;
}

.product-pavilion a.favorite {
	position: absolute;
		bottom:15px;
	right:35px !important;
	font-size:22px;
	z-index: 100;
}

.product-pavilion a.favorite.active {
	color: #a1192e;
}

.product-pavilion a.favorite .fas.fa-heart {
	color: #a1192e;
}




.product-pavilion a.visit-booth {
	position: absolute;
		bottom:20px;
	left:10px;
	font-size:24px;
	z-index: 100;
}

.warning-icon {
  background: url("/images/warning.png") no-repeat;
  width: 16px;
  height:16px;
	margin-top:3px;
  float: left;
  position: relative;
  top: 0px;
}

.card.product-pavilion .card-body {
	padding:10px 10px 0px 10px;
}



.product-pavilion a.show-walklist:hover, .product-pavilion a.show-walklist.active {
	color:#6CA7F7 !important;
	/* Custom per show color:#6CA7F7 !important; */
}



#exh-featured-prod .card {
	position: relative;
}

#exh-featured-prod .card-body {
}


#exh-featured-prod .quick-view {
position: absolute;
top:30%;
left: 30px;
right: 30px;
margin: auto;
background:#6CA7F7;
transition: .5s ease;
opacity:0;
padding: 10px;
text-align: center;
color:#fff;
}


#exh-featured-prod .card:hover .quick-view {
  opacity: 1;
}





#exh-featured-prod h5 {
	font-size:16px;
	margin-bottom:5px;
}

#exh-featured-prod a {
	color:#000;
}

#exh-featured-prod .item, #exh-featured-prod .supplier {
	margin:0px;
	font-size:14px;
	line-height: 18px;
}

#exh-featured-prod a.visit-booth {
	color:#6CA7F7;
	display: block;
	margin-top:15px;
	font-size: 14px;
}


#quick-actions-block {
	background:#fff;
}


#exh-details {
	position: relative;
}

#user-stats-list {
	list-style-type: none;
	padding-left:0px;
	float:left;
	margin-top:15px;
	margin-left:30px;



}

#user-stats-list li {
	padding:0px 15px;
	display: inline-block;
	text-align:center;
}



#user-stats-list i {
	display:block;
	font-size:32px;
	color:#b72834;
}

#user-stats-list a {
	color:#4A4949 !important;
}

#user-stats-list a:hover {
	color:#6CA7F7 !important;
}




#scan-user {
	list-style-type: none;
	padding-left:15px;
	float: left;
	margin-left:20px;
}

#scan-user .scan-name {
	margin-bottom: 10px;
}

#scan-user .scan-email {
	margin-top:10px;
}


.img-circle {
	border-radius: 50%;
}


#product-list-container {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}


.red {
	color:#6CA7F7;
}



html {
  position: relative;
  min-height: 100%;
}


#sort-options {
	list-style-type: none;
	padding-left:0px;
}

#sort-options li {
	display:inline-block;
	text-align: center;
	margin-right:10px;

}

#sort-options li a {
	color:#7E7E7E;
}

#sort-options li a:hover,#sort-options li a.active  {
	color:#a5172a;
}


/* ---------------- Education */


.education-divider {
	border-top:1px solid #ddd;
	padding-top:20px;
	font-size:16px;
	font-weight: 400;
	margin-bottom:50px;
}


.timer {
	font-size:1.5rem;
}

/* #countdown-timer, #on-air-timer {
	margin-left:5px;
} */




 .timer-card {
	 float:right;
	padding:5px 5px 5px 5px;
	width:130px;
	text-align: center;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #e5e5e5;
	border-radius: .25rem;
}

.timer-card h1 {
	margin-bottom:0px;
	font-size:20px;
	display: flex;
  align-content: center;
  justify-content: center;
}


.timer-card p {
	margin: 0px;
	font-size:12px;
}

#on-air-card p {
	font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #A1192E;
font-size: 16px;
}


.timer-card .fa-video.live {
    -webkit-animation: fadeinout 2s linear infinite;
    animation: fadeinout 2s linear infinite;
    opacity: 0;
	color:#a5172a;
}




.jst-hours {
        float: left;
      }
      .jst-minutes {
        float: left;
      }
      .jst-seconds {
        float: left;
      }
      .jst-clearDiv {
        clear: both;
      }




#panel-moderator-actions {
	margin:15px 0px;
	text-align: center;
}

/*#panel_subscriber {
    display: flex;
    flex-flow: row wrap;
	justify-content: space-between;
}*/


#reaction-bar {
	position: relative;
	z-index: 100;
	font-size: 18px;
	list-style-type: none;
	background:#fff;
	padding:10px 15px;
	border-radius: 10px;
	margin-top:-40px;
	width:inherit;
	display: inline;
}


ul#education-actions, #panel-discussion-publisher-controls {
	font-size: 18px;
	list-style-type: none;
	margin:0px;
	padding:0px;
	display: inline-block;

}

ul#education-actions li, #panel-discussion-publisher-controls li {
	display: inline-block;
	padding:0px 10px;
}


#panel-discussion-publisher-controls li a {
	color:#848484;
}


#panel-discussion-publisher-controls li a.active {
	color:#6CA7F7 !important;
}



ul#education-actions li .count {
	margin-left:5px;
	font-size:14px;
}

ul#education-actions li a {
	color:#848484;
}

ul#education-actions li a:hover {
	color:#6CA7F7 !important;
}



ul#education-actions li a.active {
	color:#6CA7F7;
}




ul#education-actions li a:hover {
	color:#6CA7F7;
}







/* When Screen Share Active */
#video-call.screen-share-active {
	background:#000;
	padding-top:15px;
}


#video-call.screen-share-active #screen-share-videos {
	display: flex;
	flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}



#video-call.screen-share-active #subscriber {
	float:left;
width: 160px;
	height: 120px;
border:0;
border-radius: 3px;
background: #000;
min-height: 0px;
	z-index: 1;
	overflow: hidden;
	padding:0px 3px;
}

#video-call.screen-share-active #subscriber video {
	width:100%;
	height:100%;
}

#video-call.screen-share-active #publisher {
	position: relative;
	float:left;
width: 160px;
	height: 120px;
border: 0;
border-radius: 3px;
background: #000;
min-height: 0px;
	z-index: 1;
	top: auto;
	left:auto;
	overflow: hidden;
	padding-left:3px
}



#panel-screenshare {
	background:#373737;
	min-height:560px;
}


#panel-screenshare video {
	width:100%;
	/*object-fit: cover;*/
}

.screen-share-active .video-wrap {
	width:12.5%;
}

.screen-share-active .video-wrap .name {
	padding:2px 5px;
	font-size:6px;
}

@media (min-width: 768px) {
 .screen-share-active .video-wrap .name {
	font-size:10px;
}
}

.screen-share-active .video-wrap:nth-child(3n) {
	page-break-after: auto;
	break-after: auto;
}

/*

#live-discussion {
	position: relative;
	padding:10px 5px 5px 5px;
	background: #000;
	height: calc(100vh - 300px);
	object-fit: contain;
}

.videoFixed {
	min-height: 650px !important;
}

*/

#panel-videostreams {
	display: flex;
	flex-wrap: wrap;
  align-items: center;
  justify-content: center;
/*	width:100%;
	height: 100%;
	background: #000;
*/
}


/*
.video-inner {
	position: relative;
}


.video-object {
	position: relative;
	width: 100%;
	height:100%;
	padding:0px 5px;
}

.video-wrap video {
 width: 100%    !important;
  height: 100%;

}

.video-wrap:nth-last-child {
	height:50%;
}
*/


/* video test

#video-main {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  background: red;
}


#video-content {
  background: gray;
  flex: 1;
  min-height: 0;
}

#video-table {
  width: 100%;
  height: 100%;
  background: blue;
  color: white;
}

#video-table td {
  position: relative;
}

#video-table video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	z-index: 50;
}


 end video test */

/*
.video-wrap {
	position: relative;
	width: 100%;
	height:100%;
	padding:0px 5px;
}
*/


.video-wrap {
	position: relative;
	flex-shrink: 0;
	padding:0px 3px;
/*	padding:0px 5px 5px 5px;*/
}

.video-wrap-25 {
	width:25%;
}

.video-wrap-33 {
	width:33.3333%;
}

.video-wrap-50 {
	width:50%;
}

.video-wrap-75 {
	width:75%;
}

.video-wrap-100 {
	width:100%;
	//height: 100%;
}

.video-wrap .name {
	position: absolute;
	background:rgba(0, 0, 0, .5);
	bottom:5px;
	left:0px;
	padding:3px 10px;
	z-index: 450;
	color:#fff;
	min-width:20%;
	font-size: 12px;
}


/* EXH BOOTH SCREEN SHARE */

#screenshare {
	margin-top:10px;
}

#screenshare video {
	width:100% !important;
	height:auto !important;
}

.video-wrap video {
	width:100%;

}

#session-screen {
	position: relative;
     background: linear-gradient(309deg, #302c80, #2c96ce);
    background-size: 400% 400%;

    -webkit-animation: session-video-bg 15s ease infinite;
    -moz-animation: session-video-bg 15s ease infinite;
    animation: session-video-bg 15s ease infinite;
}


#staff-only-btn {

position: absolute;
top:15px;
	right:15px;
	z-index: 10;
}


@-webkit-keyframes session-video-bg {
    0%{background-position:0% 20%}
    50%{background-position:100% 81%}
    100%{background-position:0% 20%}
}
@-moz-keyframes session-video-bg {
    0%{background-position:0% 20%}
    50%{background-position:100% 81%}
    100%{background-position:0% 20%}
}
@keyframes session-video-bg {
    0%{background-position:0% 20%}
    50%{background-position:100% 81%}
    100%{background-position:0% 20%}
}


.sponsors-block {
		background-color:#fff;
		padding:5px 5px 10px 5px;
	}

	.sponsors-title {
		color:#fff;
		font-size:18px;
		margin:0px;
	}


#session-intro {
	position: absolute;
	z-index: 10;
	color:#fff;
	top: 50%;
left: 50%;
transform: translate(-50%, -50%);

}

#session-intro img {
	display:none;
}



#session-screen .sponsors-wrap {
	display:none;
}

#session-screen .sponsors-wrap img {
	max-height: 80px;
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 1430px) {


	#session-intro {

	top: 35%;


}



	#session-intro img {
	margin-bottom:30px;
		display: inline-block;
}


 #session-screen .sponsors-wrap {
	position: absolute;
	bottom:20px;
	 left:20px;
	 right:20px;
	 display: block;
}



}



#session-screen .sponsors-wrap .sponsors {
	margin-top:0px;
}


#session-intro h1 {
	color:#fff;
	font-size: 24px;
}

#session-intro #time {
	font-size:16px;
	font-weight: 300;
	margin-bottom:0px;
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {



 	#session-intro h1 {
	color:#fff;
		font-size: 34px;
}

#session-intro #time {
	font-size:24px;
	font-weight: 300;
	margin-bottom:0px;
}



#session-header {
	font-size:20px;
	font-weight: 700;
}
}



.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


#education-video {
	position: relative;
}

#live-countdown {
	display: none;
	font-size:300px;
	color:#fff;
	z-index: 100;
	position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
line-height: 300px;
}

#join-panel-btn {
	position: absolute;
	top:20px;
	right:20px;
	z-index: 100;
	transition: all 0.1s ease;
}


#join-discussion {
	position: absolute;
	top:20px;
	right:20px;
	z-index: 500;
	transition: all 0.1s ease;
}

#join-discussion:hover {
	font-weight:700;
}

#panel-unblockaudio {
	position: absolute;
	top:20px;
	left:20px;
	z-index: 500;
	transition: all 0.1s ease;
}




#join-discussion i {
	font-size:20px;
	margin-left:5px;
}

#raise-hand-action {
	position: absolute;
	bottom:20px;
	left:-40px;
	width:50px;
	height: 50px;
	z-index: 5000;
}

#raise-hand-action i {
	color:#fff;
	padding:10px;
	background:#AF1518;
border-radius: 50%;
	font-size: 30px;
}





#star-rating {

}

#star-rating .rated {
	color: #ffc107;
}


#qglanceModal h6 {
	margin-bottom: 5px;
}
#qglanceModal p {
	margin-bottom: 0;
}
/*#qglanceModal .social-icons {
	text-align: center;
}*/
#qglanceModal .social-icons p {
	display: inline-block;
	margin: 10px 20px 10px 0;
    font-size: 35px;
}
.margin-top20 {
	margin-top: 20px;
}
.margin-bottom20 {
	margin-bottom: 20px;
}

#education-page h4 {
	font-weight: bold;
	margin-bottom: 5px;
}
#education-page h6 {
	font-weight: inherit;
	font-size: 16px;
	margin-bottom: 10px;
}
#education-page p {
	font-size: 16px;
	line-height: 22px;
}
.education-info {
	padding-bottom: 50px;
}




.education-info .speaker {
	float: left;
	margin-right:20px;
	width:100px;

}

.education-info .speaker img {
	border-radius: 50%;
}





.education-info h4 a{
	color:#000;
}

.education-desc {
overflow: hidden
}

.education-info h4 a.add-calendar {
	margin-left:10px;
	font-size: 18px;
	color:#6CA7F7;
}

.education-info h4 a.add-calendar:hover {
	color:#6CA7F7;
}


#education-detail {
	padding:0px 30px 30px 30px;
}

#education-detail .education-info {
	padding-bottom:20px;
}



#education-chat .chat-user-title {
	margin-top: 25px;
}
#education-chat #chat-users img {
	width: auto;
}
#education-chat {
	padding-top: 15px;
}
#speakerModal p {
	margin-bottom: 10px;
}
p.linkedIn {
	margin: 0 0 10px;
    font-size: 35px;
    line-height: 35px;
}


.education-info h6 {
	color:#6CA7F7;
	font-weight: 400;
	line-height: 24px;
}


#education-speaker h6 {
	color:#6CA7F7;
	font-weight: 400;
	margin-bottom:20px;
}


#education-speaker img {
	border-radius: 50%;
}

#education-speaker i {
	color:#6CA7F7;
}

#education-speaker a {
	color:#333333;
}

#education-speaker ul {
	list-style-type: none;
	padding-left:0px;
}






#education-materials {
	list-style-type: none;
	padding:0px;
}

#education-materials li {
	border-top:1px solid #ddd;
}

#education-materials li:first-child {
	border-top: 0;
}


#education-materials a {
	color:#313131;
	padding:5px 0px;
	display: block;
}

#education-materials a:hover {
	color:#a5172a;
}

#education-materials i {
	margin-right:10px;
}



.session-time {
	margin-bottom:5px;
}


.rating {
    display: flex;
    flex-direction: row-reverse;
	float:left;
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 3vw;
    color: #FFD600;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0;
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}





.attendee-rank-block {
	text-align: center;
}

.attendee-rank-block img {
	border-radius: 50%;
	margin: 0 auto;

}


.attendee-rank-block p {
	margin: 0;
}

.attendee-rank-block i {
	color:#6CA7F7;
}

.attendee-rank-block ul {
	list-style-type: none;
	margin:0;
	padding:0px;
}

.attendee-rank-block ul li {
	display: inline-block;
	margin-right:10px;
	font-size:16px;
}



.btn-action {
	background:#6CA7F7;
	color:#fff !important;
}

.btn-action:hover {
	background:#6CA7F7;
	color:#fff !important;
}


.btn.btn-outline-action {
	background: #fff;
	color: #6CA7F7;
	border:1px solid #6CA7F7;
}

.btn.btn-outline-action:hover {
	color: #fff;
	border:1px solid #6CA7F7;
	background: #6CA7F7;
}



.red-outline {
	border:1px solid #ddd;
	padding:5px;
	background:#fff;
}


dl#faq dt {
	font-size:24px;
}

dl#faq dd {
	margin-bottom:20px;
}

.fill {
	padding:100px 0;
	background:#efefef;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.gray {
	background:#efefef;
}

.exh-featured-lobby {
	padding:30px 50px 50px 50px;
}



.landing {
    background: linear-gradient(234deg, #18cdbd, #ad2030, #131a2c);
    background-size: 600% 600%;

    -webkit-animation: landing 15s ease infinite;
    -moz-animation: landing 15s ease infinite;
    animation: landing 15s ease infinite;
}

ul#waiting-header {
	position: absolute;
	top:20px;
	right:20px;
	list-style-type: none;
}

ul#waiting-header li {
	display: inline-block;
	margin-left:10px;
}

ul#waiting-header img {
	width:50px;
}

ul#waiting-header .name {
	color:#fff;
}

ul#waiting-header a {
	color:#fff;
}



@-webkit-keyframes landing {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@-moz-keyframes landing {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@keyframes landing {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}






/* ----- Lobby ----- */



.prize-title {
	font-size:16px;
	font-weight: 700;
	padding:5px 0px;
	background-color:#6CA7F7;
	color:#fff;
}

.sponsor-block {
	padding:30px 0px 50px;
}


#show-logo {
	margin-top:40px;
}

.sponsors {
	margin-top:20px;
	text-align: center;
}



.sponsor-list img {
	max-height: 80px;
}

.sponsor-title {
	font-size:14px;
	color:#6CA7F7;
	text-transform: uppercase;
	margin:10px 0 0 0;
}


body#welcome {
	background: rgb(0,233,212); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(0,233,212,1) 0%, rgba(174,32,48,1) 45%, rgba(8,22,39,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,233,212,1) 0%,rgba(174,32,48,1) 45%,rgba(8,22,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,233,212,1) 0%,rgba(174,32,48,1) 45%,rgba(8,22,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e9d4', endColorstr='#081627',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#video-container {
	padding:30px;
 background: url(/tsimages/5375/lobby-welcome-back.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


}

#welcomeVideo iframe {
	width:95%; height: 290px;

}

@media (min-width: 768px) {
#welcomeVideo iframe {
	width:95%; height: 590px;

}
}




#video-container h2 {
	font-size:48px;
}

ul#sponsors {
	list-style-type: none;
	padding-left:0px;
    justify-content: space-between;
}

ul#sponsors-inline {
	list-style-type: none;
}

ul#sponsors-inline li {
	display: inline-block;
}



#dashboard-wrap {
	 margin-top: 50px;
}

.dash-block {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;

}

.dash-block .count {
	font-size:42px;
	font-weight: 700;
	display: block;
	margin-bottom:0px;
	line-height: 50px;
	color:#6CA7F7;
}


#admin-stats .dash-block .count {
	font-size:32px;
}

.lobby-block {
	margin-top:30px;
}

.modal-header-simple {
	border:0;
}


.leaderboard-wrap {
	margin-top:20px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
 .leaderboard-wrap {
	margin-top:0px;
}
}



#leaderboardInfo img {
	width:100px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 992px) {
 #leaderboardInfo img {
	width:150px;
}
}

.score {
	border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 5px;
  background: #6CA7F7;
  color: #fff;
  text-align: center;
	display: block;
	line-height: 20px;
	font-weight: 700;
	margin-top:5px;
	font-size: 14px;
}

/* Clear search */

.form-group.position-relative input {
  padding-right: 32px;
}

.form-clear {
  align-items: center;
  bottom: 8px;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 24px;
  z-index: 10;
}

.form-text+.form-clear {
  bottom: calc(1rem + 18px);
}

.form-clear .material-icons {
  font-size: 16px;
  font-weight: 500;
}



.card-lobby {
position: relative;
}

.card-lobby .info {
	position: absolute;
	top:5px;
	right:10px;
	font-size: 20px;
}


.card.card-lobby {
	margin-bottom:0 !important;
}


table.leaderboard {
	margin-bottom:0;
}


.nowrap {
	white-space: nowrap;
}

#leaderboard-block-all {
	max-height: 280px;
	overflow: auto;
	position: relative;
	padding-left: 20px;
}

#leaderboard-block-today {
	max-height: 280px;
	overflow: auto;
	position: relative;
	padding-left: 20px;
}


.lb-company {
font-size:14px;
color:#6C6C6C;
	display:block;
	padding:0px;
	line-height: 16px;
}

#leaderboard-tabs.nav-tabs {
	margin: 0px;
}

#leaderboard-tabs.nav-tabs .nav-link {
	padding:0px 5px 5px 5px;

}




#leaderboard-tabs.nav-tabs a {
	font-size:12px;
}

table.leaderboard .points {
	font-size:16px;
	font-weight: 700;
	color:#6CA7F7;
}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 1200px) {
 table.leaderboard .points {
	font-size:20px;
}
}


table.leaderboard img {
	border-radius: 50%;
	width:40px;
}

table.leaderboard i {
	color:#6CA7F7;
	font-size:20px;
}

table.leaderboard td {
	vertical-align: middle;
}

#lobby-header h1 {
	color:#fff;
	margin-top:100px;
}

#lobby-header p {
	color:#fff;
	font-size: 18px;
}

#lobby-header  {
	padding:40px 0px;
  background:url(/images/tmp/header-red.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color:#fff !important;
}

.exhibitor-listing {
	position: relative;
	margin-bottom:20px;
}

.exhibitor-listing img {
	width:100%;
	display:block;
}


.section-title {
	font-size: 16px;
	font-weight:400;
}

.section-title i {
	color:#6CA7F7;
}

.featured-listing {
	position: absolute;
	bottom:10px;
	right:0px;
	color:#fff;
	background: #6CA7F7;
	padding:3px 15px 5px 15px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	z-index: 10;
}


.featured-category {
	position: absolute;
	top:5px;
	right:0px;
	color:#fff;
	background:#00a0e0 ;
	padding:3px 15px 5px 15px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	z-index: 10;
}




ul.show-tile-left {
	list-style-type: none;
	position: absolute;
	bottom:10px;
	left:10px;
	color:#fff;
	font-size: 16px;
	font-weight: 600;
	z-index: 10;
	padding:0px;
	margin: 0px;
}

ul.show-tile-left li {
	display: inline-block;
	margin-right:10px;
}


.language {
	color:#000;
	background: #fff;
	border-radius: 50%;
	height:22px;
	width:22px;
	text-align: center;
	font-size:12px;
}


/*.visitors {
	position: absolute;
	bottom:10px;
	left:0px;
	color:#fff;
	padding:3px 15px 5px 15px;
	font-size: 16px;
	font-weight: 600;
	z-index: 10;
}
*/


.exh-header-block {
	padding:8px 5px 8px 8px;
	background-color: #fff;
	color:#232323;
	height:60px;
}

/*.featured-category .exh-header-block {
	background-color: #6CA7F7;
}

.featured-category .exhibitor-title, .featured-category .exhibitor-category  {
	color:#fff;
}*/


.circle {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    padding: 10px;
}





#exh-list {
	margin-top:10px;
}






/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
 	#exh-list {
	margin-top:0px;
}
}



.exh-title-block {
    float: left;
	width:75%;
	overflow: hidden;
}






.exh-header-block a, .exh-header-block a:hover {
	color:#333;
}

.network-title-block {
	padding:10px 5px;
}

#networking-video {
	margin-bottom:20px;
}

#lounge-waitingcnt {
  color:#ac1818;
  font-weight:700;
}

.exh-list-actions {
	text-align: right;
    font-size: 18px;
    float: right;
    padding-left: 0px;
    margin-bottom: 0px;
	width:25%;
	white-space: nowrap;
}

.exh-list-actions li {
	display: inline-block;
	padding:0px 5px;
	font-size:24px;
}


.exh-list-actions a {
	color:#4B4B4B;
}



.exh-list-actions a:hover,
.exh-list-actions a.active,
#booth-actions a:hover,
#booth-actions a.active {
	color:#6CA7F7;
}


#booth-actions {
	font-size:18px;
	padding-left:0px;
	margin-bottom:0px;
	float:right;
}

#booth-actions li {
	display: inline-block;
	padding:0px 5px;
	font-size:24px;
}


#booth-actions a {
	color:#4B4B4B;
}







.network-title-block p {
	font-size:16px;
	margin:0;
	padding:0;
	font-weight:700;
	line-height: 18px;
}

.network-list-actions {
	font-size:14px;
	float:right;
	padding-left:0px;
	margin-bottom:0px;
}
.network-list-actions li {
	display: inline-block;
	padding:0px 5px;
}

.network-list-actions li.active a {
	color:#6CA7F7;
}

#schedule-message {
	margin-top:50px;
}

.visited {
	position: absolute;
	top:5px;
	right:10px;
	color:#fff;
}

.visited .fa-check-circle{
	color: #54B121;
}

.exhibitor-listing .badge {
	font-size:14px;
	color:#fff;
}





.lobby-callout {
	position: relative;
	text-align: center;
}




.lobby-callout h2 {
	 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	color:#fff;
	z-index: 100;
	font-size: 26px;

}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .3s ease;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8));
}

.booth-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .3s ease;
 background: rgba(0,0,0,.3);
}

.booth-overlay:hover {
	background: rgba(0,0,0,0);
}



.lobby-callout:hover .overlay {
	background: rgba(0,0,0,.7);
}


/* -------------  Modal ---------- */

.modal-special img {
	width:100px;
	float:left;
}



.sidebar-title {
	font-size:20px;
	text-transform: uppercase;
}

.card.card-network {

}

.card.card-network h4 {
	color:#6CA7F7;
	font-size:22px;
}


/* Chat */

/*#live-user-list {
		list-style-type: none;
	padding-left:0px;
}

#live-user-list li {
	display: inline-block;
	width:40;
	margin-right:10px;

}
*/

.key-blue {
	color:#7CB2CE;
}

.key-orange {
	color:#E17718;
}

.key-green {
	color:#1FAD24;
}





.live-user-block {
	border:1px solid #ddd;
	padding:10px;
	margin-bottom:20px;
	border-radius: 5px;
	position: relative;
	background: #fff;
}

.live-user-block textarea {
	margin-bottom:5px;
}

.live-user-block a {
	color:#555;
}

.live-user-block a:hover {
	color:#6CA7F7;
}



.live-user-block.away{
	background:#fff;

}

.live-user-block #quick-replies {
	float:left;
	margin-top:0px;
}

.live-user-block #quick-replies a:hover {
	color:#fff;
}


.card-manage-sidebar {
/*height: calc(100vh - 150px);*/
}

#manage-visitor-block {
	height: calc(60vh - 230px);
	overflow: hidden;
	position: relative;
}

#staff-chat-window {
	height: 15vh;
	overflow: auto;
	padding:20px;
	background: #fff;
}


#bl-chat-window {
	height: 250px;
	overflow: auto;
	padding:20px;
	background: #fff;
}



.manage-visitor-table .notification-alert {
	position: inherit;
	font-size:14px;
	height: 28px;
	width: 28px;
}

.manage-visitor-table .media {
	padding-left:5px;
}

.manage-visitor-table a.active {
	color:#6CA7F7;
	-webkit-text-stroke-width: 1px;

}


.table tr#visitor-line-pastbreak td {
	border-top:0px;
}


#visitor-line-pastbreak {
	text-transform: uppercase;
	font-size:12px;
	text-align: left;
	color:#555555;
	border: 0;
}


.notification-alert {
	position: absolute;
	top:-10px;
	left:-10px;
	width:35px;
	height:35px;
	font-size:18px;
	border-radius: 50%;
	text-align: center;
}

.notification-alert.warning {
	color:#E17718;
	background:#fff;
	border:1px solid #E17718;
}

.notification-alert.active {
	color:#1FAD24;
	background:#fff;
	border:1px solid #1FAD24;
}

.notification-alert.inbooth {
	color:#7CB2CE;
	background:#fff;
	border:1px solid #7CB2CE;
}

.notification-alert.danger {
	color:#ad192f;
	background:#fff;
	border:1px solid #ad192f;
}


.notification-alert.away {
	color:#26328b;
	background:#fff;
	border:1px solid #26328b;
}



.live-user-block.active {
	border:2px solid #1FAD24;
	-webkit-box-shadow: -1px 10px 15px -13px rgba(0,0,0,0.56);
-moz-box-shadow: -1px 10px 15px -13px rgba(0,0,0,0.56);
box-shadow: -1px 10px 15px -13px rgba(0,0,0,0.56);
}

.live-user-block.waiting {
	border:2px solid #E17718;

}

.live-user-block.interested {
	border:2px solid #7CB2CE;
}

.live-user-img {
	float:left;
	width:75px;
}





.live-user-details {
list-style-type: none;
	padding-left:0px;
	margin-left:0px;
	margin-bottom:10px;
}

.live-user-details .badge-type {
	margin-left:10px;
}

 /* Small Devices, Tablets */
    @media only screen and (max-width : 1400px) {

		.live-user-img {
	float:left;
	width:50px;
}

		.live-user-details {


	margin-left:30px;
	margin-bottom:0px;
}


    }





.live-user-details li {
	display: block !important;
	width:100% !important;
}

.live-user-details .name {
	font-weight:700;
	font-size: 14px;
}

.live-user-details .company {
	color:#555555;
	font-size:14px;
}

.live-user-details .time {
	margin-top:4px;
	font-size: 14px;
}

#live-discussion {
	position: relative;
	background:#000;
	padding:10px 5px 5px 5px;
	min-height: 300px;
}

.manage-block-right {
	float:left;
	margin-left:20px;
}

.live-user-actions {
	margin: 0;
	padding:0;
}

.live-user-actions li {
	display: inline-block;
	font-size:20px;
	margin-right:10px;
}

.live-user-actions li a {
	color:#555;
}


.end-chat {
	float:left;
}
.message-actions {
	float:right;
	list-style-type: none;
}

.message-actions li {
	display: inline-block;
	margin-left:5px;
}



.btn-scan {
	background-color:#fff;
	color:#104911;
	margin-top:10px;
	border:0;
}

.btn-scan:hover,.btn-scan:focus {
	background-color:#218838 !important;
	color:#fff;
	border:0;
}



.live-chat-list {
	height:200px;
	border:1px solid #ddd;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	overflow-y: scroll;
}



#booth-staff  {
		list-style-type: none;
	padding-left:0px;
}


#booth-staff li{
	display: inline-block;
	width:45%;
	margin-right:5px;
}

#booth-staff img {

}






#chat-users  {
	margin:0px auto 10px auto;
	text-align:center;
		list-style-type: none;
	padding-left:0px;
}



#chat-users li{
	display: inline-block;
	margin-left:5px;
}

#chat-users img {
	border-radius: 50%;
	width:50px;
	background:#fff;
	border:1px solid #ddd;
	padding:3px;
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #chat-users img {
	border-radius: 50%;
	width:40px;
	background:#fff;
	border:1px solid #ddd;
	padding:3px;
}
}



#chat-users li.active img {

	border:3px solid #369C2B;

}


.chat_ib h5{ font-size:15px; color:#fff; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; margin:auto}
.chat_img {
  float: left;
  width: 11%;
}

.chat_img img {
	width:100%;
}

.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat-block {
	overflow:hidden;
	clear:both;
	margin-bottom:8px;
	padding:10px;
	border-radius: 5px;


}


.chat-block.host {
	background: #e5e5ea;
	color:#333;
	margin-right:50px;
}

.chat-block.user {
	background: #18779f;
	color:#fff;
	margin-left:50px;
}

.chat-block.intro {
	background: #e5e5ea;
	color:#333;
}
.chat-block.intro h5 {
	color:#333;
}

.chat-block.scan {
	background: #04ae52;
	color:#fff;
	margin-right:50px;
}

.chat-block.scan i {
	font-size:48px;
}


.group-container .chat-admin {
	position: relative;
}

.group-container .chat-admin.intro {
	background:#fff;
	border-radius: 0;
	border-bottom:1px solid #ddd;
}


.group-container .chat-admin .start-user-chat{
	display: none;
	position: absolute;
	top:5px;
	right:5px;
}

.group-container .chat-admin:hover .start-user-chat {
	display: inline-block;
}




.chat-block.busy {
	background: #e5e5ea;
	color:#333;
	margin-right:50px;
}

.btn-busy {
	background-color:#fff;
	color:#333;
}



.chat-block h5 {
	margin-bottom:0px;
}

.chat-user-title {
	text-align: center;
	text-transform: uppercase;
	margin-bottom:10px;
}

.chat_list {

  margin: 0;
}
.inbox_chat { height: 550px; overflow-y: scroll;}



.chat-container .message-actions li {
	display: inline-block;
	font-size:20px;
	margin-left:10px;
}

.chat-container .message-actions li a {
	color:#555;
}

#chat-welcome-msg {
	padding:20px 15px 10px 15px;
	border-bottom:1px solid #ddd;
}

h5#chat-intro-title {
	margin-bottom:0px !important;
}

#chat-window {
height: calc(100vh - 350px);
overflow-x: hidden;
overflow-y: auto;
	padding:15px 30px 30px 30px;
}

#private-chat-window {
height: calc(100vh - 380px);
overflow-x: hidden;
overflow-y: auto;
padding:0px 0px 20px 0px;
}

#private-chat-head-pic {
	width: 40px;
}

#private-chat-head-name {
	margin-top:10px;
	font-size:18px;
}


.network-group-chat #group-chat-window {
height: calc(100vh - 305px);
overflow-x: hidden;
overflow-y: auto;
padding:15px 30px 20px 30px;

}

.network-group-chat {
	position: relative;
}

#networking-tab-content {
	margin-bottom:50px;
}



/* Group Chat Admin Edit Controls */

.edit-chat-controls {
	list-style-type: none;
	position: absolute;
	top:0px;
	right:10px;
	padding:0px;
	transition: .1s ease;
	opacity:0;
}

.edit-chat-controls li {
	display: inline-block;
	margin-right: 10px;
}

.edit-chat-controls li a {
	color:#6CA7F7;
}

.edit-chat-controls li a:hover {
	color:#6CA7F7;
}

.network-group-chat .chat-admin:hover .edit-chat-controls {
  opacity: 1;
}

/* End Group Chat Admin Edit Controls */






#group-visitors {
height: calc(100vh - 150px);
overflow-x: hidden;
overflow-y: auto;

}


#clear-reactions {
	margin-top:10px;
	margin-bottom:10px;
}


#group-chat-window {
height: calc(100vh - 360px);
overflow-x: hidden;
overflow-y: auto;
	padding:15px 20px 20px 20px;

}

#group-chat-window .intro {
	border-radius: 0;
	background:#fff;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}

#chat-scroll-btn {
	position:absolute;
	bottom:80px;
	left:45%;
	z-index: 100;
	font-size:28px;
}

#chat-scroll-btn i {
	background:#fff;
}

#group-chat-scroll-btn {
	position:absolute;
	bottom:80px;
	left:45%;
	z-index: 100;
	font-size:28px;
}

#group-chat-scroll-btn i {
	background:#fff;
	border-radius: 100%;
}

#chat-submit {
	padding:10px 30px 20px 30px;
	position: sticky;
	bottom:0px;
	width:100%;
	background:#fff;
}

#chat-submit textarea {
	resize: none;
	height: 60px;
}

#group-chat-submit {
	padding:10px 30px 20px 30px;
	position: sticky;
	bottom:0px;
	width:100%;
	background:#fff;
}

#group-chat-submit textarea {
	resize: none;
	height: 60px;
}

#private-chat-submit {
	padding:10px 0px 20px 0px;
	position: sticky;
	bottom:0px;
	width:100%;
	background:#fff;
}

#private-chat-submit textarea {
	resize: none;
	height: 60px;
}

ul#quick-replies {
	list-style-type: none;
	padding:0px;
	margin-top:5px;
	overflow: hidden;

}

ul#quick-replies li {
	display: inline-block;
	margin-right:5px;
}

ul#quick-replies li .btn {
	font-size:10px;
}


.active_chat{ background:#fff}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg { width: 57%;}
.mesgs {
  float: left;
  padding: 30px 15px 0 25px;
  width: 60%;
}

 .sent_msg p {
  background: #05728f none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}
.messaging { padding: 0 0 50px 0;}
.msg_history {
  height: 516px;
  overflow-y: auto;
}


/* Ehbitor page */

ul.fullwidth-menu  {
    list-style: none;
    margin: 0;
	padding: 0;
}

ul.fullwidth-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1.4em;
}

ul.fullwidth-menu li {
  display: block;
  white-space: nowrap;
  padding: 8px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	 flex-grow: 1;
  text-align: center;
}


ul.fullwidth-menu li:last-child {
	border-right:1px solid #ddd;
}



.fullwidth-menu i {

}

.fullwidth-menu a {
	padding:10px 20px;
	color:#4A4949 !important;
	font-size:16px;
	display: block;
}

.fullwidth-menu a:hover {
	background: #fff;
	color:#6CA7F7 !important;
}

.fullwidth-menu span {
		padding:10px 20px;
	color:#4A4949 !important;
	font-size:16px;
	display: block;
}





#otEmbedContainer {
	height:560px;
}


.exh-actions-list {
	list-style-type: none;
	padding-left:0px;
	float:left;
	margin-top:15px;
	margin-left:30px;

}

.exh-actions-list li {
	padding:0px 15px;
	display: inline-block;
	text-align:center;
}



.exh-actions-list i {
	display:block;
	font-size:32px;
}

.exh-actions-list a {
	color:#4A4949 !important;
}

.exh-actions-list a:hover {
	color:#6CA7F7 !important;
}

.wrap {
	padding:20px;
}


#exh-callouts .card {
	background:#fff;
}


#exh-callouts h4 {
	font-size:16px;
}


#booth-actions {
	margin-top:50px;
}


#product-modal {
	position: fixed;
	width: 420px;
	background: #fff;
	border-radius: 3px;
	z-index: 1030;
	padding:30px;
	margin-bottom: 30px;
	top:100px;
	bottom:0;
	left:5px;
	overflow: auto; /* Enable scroll if needed */
	border:1px solid #ddd;
	height: calc(100vh - 150px);
    box-sizing: border-box;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
 #product-modal {
	width: 565px;
	padding:30px;
}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  #product-modal {
	width: 755px;
	padding:30px;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #product-modal {
	width: 565px;
	padding:30px;
	left:160px;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
      #product-modal {
	width: 670px;
	padding:30px;
	left:170px;
}
}

@media (min-width: 1400px) {
      #product-modal {
	width: 800px;
}
}

@media (min-width: 1600px) {
      #product-modal {
	width: 900px;
}
}

@media (min-width: 1700px) {
      #product-modal {
	width: 1000px;
}
}

@media (min-width: 2000px) {
      #product-modal {
	width: 1200px;
}
}

@media (min-width: 2600px) {
      #product-modal {
	width: 1600px;
}
}







/* Support */

#accordion .card {
	margin-bottom: 5px;border:0;
	background:#fff;
}

#accordion .card-header {
	background:#fff;
}


#accordion .card-header a {
	font-size:14px;
	color:#000;
	font-weight: 700;
}


/* Dashbaord */




#product-show-list {
	max-height: 400px;
	overflow-y: scroll;
}


#product-show-list img {
	width:50px;
}


  #sortable { list-style-type: none; margin:20px 0 0 0; padding: 0;  }
  #sortable li { display:inline-table; width: 300px; margin-right:10px; border:0;}


.card.add-material {
	background:#efefef;
	text-align: center;
}

.card.dash-add-material h4 {
	font-size:16px;
}

#add-product-list {
	max-height: 600px;
	overflow: auto;
}

/* Product Paviliom */

.modalNext, .modalPrev {
	font-size:32px;
	position: absolute;
	text-align: center;

}


.modalNext {
	top:50%;
	right:-60px;
}

.modalPrev {
	top:50%;
	left:-60px;
}

.modalNext i, .modalPrev i {
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0px 0px 2px #888;
  padding: 10px;
 background: #fff;
	width: 50px;
	height:50px;
}




#thumbCarousel-container {
	margin-bottom: 20px;
}






ul.product-detial-actions a {
	color:#555;
}

ul.detail-list {
    margin: 0px;
    padding: 0px;
}

ul.detail-list li {
    padding: 0px 0px 5px 0px;
    list-style-type: none;
}

.table-title {
    font-weight: 700;
}


/*#exh-featured-prod {
	border-top:1px solid #ededed;
	background:#efefef;
	padding:20px 10px 10px 10px;
}*/


#booth-nav-wrap {
position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 60px;
	width:100%;
  /*line-height: 60px; */ /* Vertically center the text there */
	padding:0 20px 0px 20px;

}


.prev-booth, .next-booth {
	color:#333;
	font-size:16px;
		background:#efefef;
	border-radius: 3px;
	padding:5px 10px;
}



.prev-booth {
	float:left;
}

.next-booth {
	float:right;
	text-align: right;
}

.prev-booth .booth-name {
	display: block;
	font-size:14px;
	padding-left:15px;

}

.next-booth .booth-name {
	display: block;
	font-size:14px;
	padding-right:15px;
}





.exhibitor-title {
	margin:0px;
	line-height: 18px;
	font-size:14px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Large devices (desktops, 1600px and up) */
@media (min-width: 1600px) {
 .exhibitor-title {
	font-size:16px;
}
}



.exhibitor-category {
		margin:0px;
	font-size:14px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.card-hover-overlay {

    transition: all .4s;

}
.card {

    margin-bottom: 1.88rem;

}
.rounded-0 {

    border-radius: 0 !important;

}
.card {

    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e5e5e5;
    border-radius: .25rem;

}

.card-img {

    width: 100%;
    border-radius: calc(.25rem - 1px);

}

.card-hover-overlay .card-img-overlay {

    padding: 2.5rem 1.875rem;

}
.card-hover-overlay .card-img-overlay {

    background-color: rgba(0,0,0,.5);
    transition: background-color .4s;
    padding: 1.25rem;

}
.card-img-overlay {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;

}


/*#video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}*/

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


#home-video-overlay {
position:absolute;
float:left;
   width:100%;
	height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    z-index:1;
}







.masthead {
    position: relative;
	z-index: 1600;
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 15rem 0;
  /*  background: linear-gradient(to bottom, rgba(22, 22, 22, .3) 0, rgba(22, 22, 22, .7) 75%, #161616 100%), url(/images/tmp/headerbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover*/
}

.masthead h1 {
    font-family: 'Varela Round';
    font-size: 1rem;
    line-height: 2.5rem;
    letter-spacing: .8rem;
	color:#fff;
}

.masthead h2 {
    max-width: 20rem;
    font-size: 1rem
}


@media (min-width:768px) {
    .masthead h1 {
        font-size: 4rem;
        line-height: 4rem
    }
}

@media (min-width:992px) {
    .masthead {
        height: 100vh;
        padding: 0
    }
    .masthead h1 {
        font-size: 5rem;
        line-height: 5rem;
        letter-spacing: .8rem
    }
    .masthead h2 {
        max-width: 30rem;
        font-size: 1.25rem
    }
}

/* Register PAge */


#register-card {
	border:1px solid #efefef;
	padding:20px;
	border-radius: 10px;
	display: inline-block

}

#regisiter-user-confirm {
	/*border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;*/
	padding:20px 0px 20px 0px;

}

#regisiter-user-confirm .avatar {
	float:left;
	width:60px;
	margin-right:20px;
}

#regisiter-user-confirm .details {
	overflow: hidden;
}

#regisiter-user-confirm .avatar img {
	border-radius: 50%;
}

#regisiter-user-confirm .details ul {
	list-style-type:none;
	padding:0px;
}

#regisiter-user-confirm .details ul li:last-child {
	padding-top:20px;
}

body#register  {
  background:url(/images/tmp/register-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body#full  {
  background:url(/images/tmp/headerbg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#flex-container {

    display: flex;

    align-items: center;

    position: relative;

}



#reg-form-wrap {
    width: 100%;

    position: relative;

    z-index: 1;

}

#reg-form-wrap .card {
	padding-top:20px;
	padding-bottom:20px;
}


body, input, textarea, select {
	font-family: 'Lato', sans-serif;
	line-height: 1.8;
	color:#555555;
	font-size:15px;
}

hr {
	border-color:rgba(0,0,0,  0.09);
	margin-bottom: 1.5rem;
}

p {
	margin-bottom: 1.5rem;
}

p.small-paragraph-spacing {
	margin-bottom:1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	color:#333333;
	margin-bottom: 0.6rem;
}

.flexslider.progression-studios-dashboard-slider h2.light-fonts-pro a,
h1.light-fonts-pro, h2.light-fonts-pro {
	color:#ffffff;
}

p.light-fonts-pro {
	color:rgba(255,255,255, 0.85);
}

h3.light-fonts-pro, h4.light-fonts-pro, h5.light-fonts-pro, h6.light-fonts-pro, .progression-studios-slider-caption-width h6.light-fonts-pro {
	color:rgba(255,255,255, 0.7);
}

h1.heading-extra-margin-bottom, h2.heading-extra-margin-bottom, h3.heading-extra-margin-bottom, h4.heading-extra-margin-bottom, h5.heading-extra-margin-bottom, h6.heading-extra-margin-bottom {
	margin-bottom:1.2rem;
}


/*
=============================================== 02. BUTTON STYLES ===============================================
*/


.btn-primary-alert {
	border:1px solid #004085;
	background-color:#fff;
	color:#004085;
}

.btn-standard {
	border:1px solid #e7e7e7;
	background:#f9f9f9;
	color:#666666;
}

.btn-standard:hover {
	border:1px solid #6CA7F7;
	background:#6CA7F7;
	color:#fff;
}


.btn-add {
	background-color:#6CA7F7;
	color:#fff;
	margin:0px 30px 10px;
	border:0;
}

.btn-add:hover {
	background-color:#921427;
	border:0;
}

.btn-material {
	display: inline;
	background-color:#6CA7F7;
	color:#fff;
}


/* Default Button */
.btn {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
/*	padding:12px 20px;*/
	font-size:13px;
	/*border:1px solid #e7e7e7;
	background:#f9f9f9;
	color:#666666;*/
}

.btn-primary, .btn-default {
	border:1px solid #e7e7e7;
	background:#f9f9f9;
	color:#666666;
}


.btn-primary.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle {
	border:1px solid #e7e7e7;
	background:#f9f9f9;
	color:#666666;
}





.btn.btn-lg {
	padding:16px 30px;
	font-size:15px;
}





button.btn:focus {
	box-shadow:none;
}


.btn.btn-display-block {
	display:block;
	width:100%;
}

.form-group .btn {
	font-size:14px;
}

.btn i {
	margin-right:8px;
}

/*
=============================================== 03. HIGHLIGHT COLORS ===============================================
*/

a,
ul#sidebar-reviews-pro li .spoiler-review,
ul#profile-watched-stats span,
.item-playlist-text-skrn h5 a:hover,
.item-listing h6 a:hover,
.payment-method-container h5 sup,
.pricing-plans-page-container h2,
.current-plan-account h2,
.progression-studios-slider-more-options ul li:last-child a:hover,
.progression-studios-slider-more-options ul li a:hover,
ul.page-numbers li a.next:hover,
ul.page-numbers li a.previous:hover,
#header-user-notification-list li a:hover,
#header-user-profile-menu ul li a:hover,
.welcome-page-styles h3.welcome-plan-title span,
h2.registration-final-heading span,
ul.welcome-features li:before,
ul.checkmark-list-pro li:before,
.billing-plan-container h3 .total,
.jumbotron-pro [class^="icon-"], .jumbotron-pro [class*=" icon-"],
.jumbotron-pro i.fa-check-circle,
ul.registration-genres-choice li i.fa-check-circle,
ul.registration-invite-friends-list li i.fa-check-circle,
#mobile-nav li.current-menu-item a {
	color:#6CA7F7;
}



#header-user-notification-list li a:hover, #header-stats a:hover {
	color:#6CA7F7 !important;
}



.flexslider.progression-studios-dashboard-slider h2 a:hover,
a:hover {
	color:#9d9d9d;
	text-decoration:none;
}

ul.dashboard-genres-pro li.active,
ul.registration-invite-friends-list li.active,
ul.registration-genres-choice li.active,
ul.registration-genres-choice li:hover,
ul.registration-invite-friends-list li:hover,
.jumbotron-pro.jumbotron-selected, .registration-billing-form .jumbotron-pro:hover,
ul#registration-steps-pro li:hover, ul#registration-steps-pro li.current-menu-item {
	border-color:#6CA7F7;
}
/* original focus

ul.dashboard-genres-pro li.active,
#search-mobile-nav-pro input:focus,
select.custom-select:focus,
ul.registration-invite-friends-list li.active,
ul.registration-genres-choice li.active,
ul.registration-genres-choice li:hover,
ul.registration-invite-friends-list li:hover,
.form-group input:focus, .form-group textarea:focus,
.jumbotron-pro.jumbotron-selected, .registration-billing-form .jumbotron-pro:hover,
ul#registration-steps-pro li:hover, ul#registration-steps-pro li.current-menu-item {
	border-color:#6CA7F7;
}

*/




ul#registration-steps-pro li.current-menu-item .registration-step-circle-icon:before {
	border-top-color:#6CA7F7;
}

.form-group-invite-friends ::-webkit-scrollbar-thumb {
	background:#6CA7F7;
}

ul#friends-activity-profiles li.friends-activity-profiles-more a,
a.edit-profile-sidebar,
ul.dashboard-sub-menu li.current a:after,
body .asRange .asRange-pointer:before,
body .asRange .asRange-selected,
.checkbox-pro-container .checkmark-pro:after,
span.user-notification-count,
ul#registration-steps-pro li.current-menu-item .registration-step-circle-icon {
	background:#6CA7F7;
}

/* Green Button Color */
ul.page-numbers li span.page-numbers.current,
a.not-a-member-pro:hover,
.sf-menu a:before,
body .short-border-bottom:after,
.btn-green-pro,
/*.btn:hover,*/
.flex-control-paging li a.flex-active,
.btn-header-pro:hover,
#pro-scroll-top:hover {
	color:#ffffff;
	border-color:#6CA7F7;
	background:#6CA7F7;
}

/* Dark Grey Button Color */
ul#friends-activity-profiles li.friends-activity-profiles-more a:hover,
.btn-green-pro:hover {
	color:#ffffff;
	border-color:#9d9d9d;
	background:#9d9d9d;
}

/* Green Mouse Selection Color */
/*::-moz-selection {
	color:#ffffff;
	background:#6CA7F7;
}
::selection {
	color:#ffffff;
	background:#6CA7F7;
}

::selection h2 {
	color:#ffffff;
	background:#6CA7F7;
}*/


/* Green Box Shadow Color */
.btn-shadow-pro {
	box-shadow: 0px 12px 28px rgba(61,177,61, 0.38);
}

.btn-shadow-pro:hover {
	box-shadow: 0px 12px 28px rgba(161,161,161, 0.38);
}

/*
=============================================== 04. MAIN CONTAINERS ===============================================
*/
#content-pro {
	padding:50px 0px;
}

img {
	max-width:100%;
	height:auto;
}

/* Changing Default Bootstrap Container To Be Fluid Instead of Jumping */
@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;/* Default Setting */
  }
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/*
=============================================== 05. HEADER STYLES ===============================================
*/
header#masthead-pro h1 img {
	width:111px;
	margin:27px 0px 27px 0px;
}

header#masthead-pro {
	position:relative;
	z-index:50;
	background:#ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,  0.06);
}

header#masthead-pro:after {
	display:block;
	content:'';
	position:relative;
	margin-top:-1px;
	bottom:0px;
	height:1px;
	width:100%;
	z-index:50;
	background:rgba(0,0,0,  0.07);
}

header#masthead-pro h1 {
	line-height:1;
	font-size:5px;
	margin:0px 35px 0px 0px;
	padding:0px;
	float:left;
}

/* Header Button */
.btn-header-pro {
	margin-top:20px;
	float:right;
}

.btn-header-pro.btn-green-pro {
	margin-left:12px;
}

/*
=============================================== 06. NAVIGATION STYLES ===============================================
*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li.menu-item, .sf-menu li.menu-item li { position: relative; }
.sf-menu li.menu-item ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu li.menu-item ul ul { top:0; left:100%; }
.sf-menu > li { float: left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }

/*** DEFAULT NAVIGATION SKIN ***/
.sf-menu ul{min-width:10em}.sf-menu a{line-height:1;padding:.75em 1em;text-decoration:none;zoom:1;cursor:pointer;color:#13a}.sf-menu li{background:#BDD2FF;white-space:nowrap}.sf-menu ul li{background:#AABDE6}.sf-menu ul ul li{background:#9AAEDB}.sf-menu li.sfHover,.sf-menu li:hover{background:#CFDEFF}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #dFeEFF;border-left-color:rgba(255,255,255,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff}
.sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover { background:none; }

/*  Navigation Skin */
nav#site-navigation-pro {
    font-weight: 600;
	font-family:'Montserrat', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.04em;
}

.sf-menu a {
	line-height:1;
	color:#272727;
	font-size:13px;
	padding:37px 20px;
}

.sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a {
	color:#272727;
	background:none;
}

/* Underline Styles */
.sf-menu a:before {
	content:"";
	display:block;
	position:absolute;
	left:20px;
	margin-top:18px;
	border-radius:6px;
	height:2px;
	opacity:0;
	width: 100%;
	width: calc(100% - 40px);
}

.sf-menu a:hover:before, .sf-menu li.sfHover a:before, .sf-menu li.current-menu-item a:before {
	opacity:1;
}

.sf-menu li li a:before {
	display:none;
}

/* Sub-Menu Styles */
.sf-menu ul {
	font-weight:300;
	-webkit-font-smoothing:subpixel-antialiased;
	text-transform:none;
	letter-spacing:0px;
	background:#232323;
	border: 1px solid rgba(255,255,255,  0.08);
	border-top:none;
	padding:18px 32px 18px 32px;
	margin-left:10px;
}

.sf-menu ul ul {
	margin-left:32px;
}

.sf-menu li li a {
	text-transform:normal;
	font-size:13px;
	padding:14px 10px 14px 0px;
	border-bottom:1px solid rgba(255,255,255, 0.08);
}

.sf-menu li li:last-child li a {
	border-bottom:1px solid rgba(255,255,255, 0.08);
}

.sf-menu li li:last-child li:last-child a,
.sf-menu li li:last-child a {
	border:none;
}

.sf-menu li.sfHover li a,
.sf-menu li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a {
	background:rgba(0,0,0, 0);
	color:rgba(255,255,255, 0.6);;
}



.sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a,
.sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
	color:#ffffff;
	background:rgba(0,0,0, 0);

}

/* Font Awesome Icon Spacing */
.sf-menu i {
	line-height:1;
	margin-right:6px;
	font-size:90%;
	position:relative;
	margin-bottom:-2px;
	margin-top:-2px;
}
.sf-menu li li i {
	font-size:95%;
}

/* Sub-menu Arrows */
.sf-arrows .sf-with-ul {
	padding-right: 36px;
}

.sf-arrows .sf-with-ul:after {
	display: inline-block;
	  font-style: normal;
	  font-variant: normal;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
}

.sf-arrows .sf-with-ul:after {
	font-weight:normal;
	font-style:normal;
	border:none;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content:"\f107";
	font-size:11px;
	top: 50%;
	right: 28px;
	margin-top:-7px;
}
.sf-arrows ul .sf-with-ul:after {
	font:normal normal normal 10px/1 "Font Awesome 5 Pro";
	content:"\f105";
	margin-top:-5px;
	right:14px;
}


/*
=============================================== 07. DASHBOARD MAIN STYLES ===============================================
*/
header#header {
	 /*height:90px;	Height of Height Should Match Below 90 */
/*	position:relative;*/
	margin:0px;
	padding:0px;
	z-index:1040;
	background:#ffffff;
	border-bottom:1px solid rgba(0,0,0,0.08);
}


.sticky-header {
	position: fixed;
	width:100%;
}

nav#sidebar-nav {
	padding-top:90px; /* Height of Height Should Match Below */
}


.live-badge {
	background:#6CA7F7;
	color:#fff;
	border-radius: 2px;
	font-size:12px;
	padding:3px 5px;
	display: inline;
}



@media (min-width: 960px) {
 .live-badge {
	position: absolute;
	top:5px;
	right:5px;
	}
}








#show-brand a {
	display:block;
	height:90px; /* Height of Height Should Match Below */
	line-height:90px;
	text-align:center;
	width:160px;
}

#show-brand:after {
	content:"";
	display:block;
	position:absolute;
	left:160px;
	top:0px;
	z-index:-1;
	width:10px;
	height:100%;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#show-brand {
	float:left;
}

#show-brand:before {
	content:"";
	display:block;
	position:absolute;
	left:160px;
	width:1px;
	background:rgba(0, 0, 0, 0.04);
	height:100%;
}

#show-brand img {
	position:relative;
	top:-8px;
	left:2px;
	width:100px;
	/*width:75px - show default*/
	text-align:center;
	margin:0px 0px 0px 0px;

}
nav#sidebar-nav {
	position:fixed;
	top:0;
	left:0;
	width:160px;	/* Sidebar Width */
	z-index:25;
}
nav#sidebar-nav.sticky-sidebar-js {
	position: absolute;
}

#sidebar-bg:before {
	background-color: #ffffff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
	content: "";
	display: block;
	height: 100%;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 160px;	/* Sidebar Width */
	z-index:1; /* Fixes flashing bug with scrolling on Safari */
}

#sidebar-bg:after {
	content:"";
	display:block;
	position:fixed;
	left:160px;		/* Sidebar Width */
	width:1px;
	top:0px;
	background:rgba(0, 0, 0, 0.04);
	height:100%;
}

main#col-main {
	margin-left:160px;	/* Sidebar Width */
	padding-top:90px;
}


.filter {
	margin-left:20px;
}


.dashboard-container {
	padding:0px 50px;
}

.fullpage-container {
	background:#efefef;
}

.fullpage-container #main {
	padding:50px 40px 50px 50px;
	position: relative;
}

#content-sidebar-pro {
	margin-left:160px;
	width:300px;
	float:left;
	background:#fafafa;
}

#content-sidebar-pro:after {
	content:'';
	position:fixed;
	left:160px;
	width:300px;
	top:0px;
	height:100%;
	background:#fafafa;
	z-index:-1;
	border-right:1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

main#col-main-with-sidebar {
	margin-left:460px;
}

/* DASHBOARD GENRES  */
ul.dashboard-genres-pro {
	list-style:none;
	margin:0px 0px 40px 0px;
	padding:22px 30px;
	text-align:center;
	border-bottom:1px solid #e7e7e7;
	width:100%;
	overflow:hidden;

	display: table; /* [1] */
	table-layout: fixed; /* [2] */
	width: 100%; /* [3] */
}

ul.dashboard-genres-pro li {
	margin:0px;
	padding:0px;
	display: table-cell;
	padding:10px 6px;
	border:2px solid rgba(0,0,0, 0);
	border-radius:4px;
	position:relative;
	cursor:pointer;
}

ul.dashboard-genres-pro li img {
	margin-bottom:8px;
	width:60px;
}

ul.dashboard-genres-pro li h6 {
	font-size:12px;
	font-weight:400;
	color:#666666;
	margin-bottom:0px;
}

/* DASHBOARD LISTING STYLES */
.exh-special {
	border-radius: 5px;
	border:1px solid rgba(0,0,0,0.08);
	box-shadow:0px 3px 8px rgba(0,0,0,  0.06);
	margin-bottom:30px;
	background:#fff;
}

.exh-special img {
	width:100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.item-listing {
	padding:0px 24px 0px 24px;
	height:80px;
	display:table;
	width:100%;
}

.item-listing-vertical-align {
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

.item-listing h6 {
	font-size:14px;
	font-weight:400;
	line-height: 1.2rem;
	margin-top:4px;
	float:left;
	width:calc(100% - 50px);
}

.item-listing h6 a {
	color:#333333;
}

.item-listing .circle-rating-pro {
	margin-bottom:-5px;
}

.circle-rating-pro {
	float:right;
	position:relative;
}
.circle-rating-pro span {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	position:absolute;
	top:0;
	left:0;
	line-height:32px;
	width:32px;
	text-align:center;
	font-size:11px;
}

/* Dashboard Playlist Layout */
.item-playlist-container-skrn {
	border-radius: 5px;
	border:1px solid rgba(0,0,0,0.08);
	box-shadow:0px 3px 8px rgba(0,0,0,  0.06);
	margin-bottom:30px;
}

.item-playlist-container-skrn img {
	width:100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.item-playlist-text-skrn {
	text-align:center;
	position:relative;
	padding:38px 24px 20px 24px;
}

.item-playlist-text-skrn img {
	border-radius:80px;
	width:46px;
	margin-left:-23px;
	border:3px solid #ffffff;
	position:absolute;
	top:-22px;
	left:50%;
}

.item-playlist-text-skrn h5 {
	font-size:14px;
	font-weight:400;
	margin-bottom:6px;
}

.item-playlist-text-skrn h5 a {
	color:#333333;
}

.item-playlist-text-skrn h6 {
	font-weight:400;
	color:#adadad;
	font-size:12px;
}

/* Pagination */
ul.page-numbers {
	margin:20px auto 45px auto;
	text-align:center;
	padding:0px;
	list-style:none;
}

ul.page-numbers li {
	display:inline;
	margin:0px;
	padding:0px;
}

ul.page-numbers li span.page-numbers,
ul.page-numbers li a {
	display:inline-block;
	margin:0 4px 5px 4px;
	width:38px;
	height:38px;
	line-height:38px;
	color:#999999;
	background:rgba(0,0,0,  0.03);
	border:1px solid rgba(0,0,0,  0.09);
	border-radius:5px;
    font-weight: 400;
	font-family:'Montserrat', sans-serif;
	font-size:13px;
}

ul.page-numbers li a:hover {
	background:rgba(0,0,0,  0.05);
	border-color:rgba(0,0,0,  0.18);
}

ul.page-numbers li a.next,
ul.page-numbers li a.previous {
	border-color:rgba(0,0,0,  0);
	background:rgba(0,0,0,  0);
	color:#666666;
}


/*
=============================================== 08. DASHBOARD NAVIGATION STYLES ===============================================
*/
ul#vertical-sidebar-nav.sf-menu {
	-webkit-font-smoothing:subpixel-antialiased;
	list-style:none;
	margin:0px;
	padding:0px;
    font-weight: 400;
	font-family:'Montserrat', sans-serif;
	letter-spacing:0.02em;
}

ul#vertical-sidebar-nav.sf-menu li {
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:center;
	width: 100%;
	position: relative;
}

ul#vertical-sidebar-nav.sf-menu li a {
	display:block;
	font-size:12px;
	color:#848484;
	padding:18px 0px;
	border-bottom:1px solid #e7e7e7;
}


ul#vertical-sidebar-nav.sf-menu a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover a, ul#vertical-sidebar-nav.sf-menu li.current-menu-item a {
	color:#6CA7F7;
}

/* Sub-menu Styles */
ul#vertical-sidebar-nav.sf-menu ul {
	font-weight:300;
	background:#232323;
	border: 1px solid rgba(255,255,255,  0.08);
	border-top:none;
	padding:18px 32px 18px 32px;
	margin-left:10px;
}

ul#vertical-sidebar-nav.sf-menu li li a {
	text-transform:normal;
	text-align:left;

	font-size:13px;
	padding:14px 10px 14px 0px;
	border-bottom:1px solid rgba(255,255,255, 0.08);
}

ul#vertical-sidebar-nav.sf-menu li li:last-child li a {
	border-bottom:1px solid rgba(255,255,255, 0.08);
}

ul#vertical-sidebar-nav.sf-menu li li:last-child li:last-child a,
ul#vertical-sidebar-nav.sf-menu li li:last-child a {
	border:none;
}

ul#vertical-sidebar-nav.sf-menu li.sfHover li a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a {
	background:rgba(0,0,0, 0);
	color:rgba(255,255,255, 0.6);;
}


ul#vertical-sidebar-nav.sf-menu li.sfHover li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li li li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li li li li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li li li li li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
	color:#ffffff;
	background:rgba(0,0,0, 0);
}

/* Drop Down Defaults */
ul#vertical-sidebar-nav.sf-menu li a:before {
	display:none;
}
ul#vertical-sidebar-nav.sf-menu .sf-with-ul:after {
	content:"\f105";
	font-size:12px;
}

ul#vertical-sidebar-nav.sf-menu li li .sf-with-ul:after {
	font-size:11px;
}

ul#vertical-sidebar-nav.sf-menu.sf-arrows ul .sf-with-ul {
	padding-right: 30px;
}

ul#vertical-sidebar-nav.sf-menu li span {
	display:block;
	font-size:18px;
	margin-bottom:7px;
}

ul#vertical-sidebar-nav.sf-menu li ul {
	left:100%;
	top:0;
	margin:0px;
}

ul#vertical-sidebar-nav.sf-menu ul ul {
	margin-left:32px;
}


/* Media */


/* Increase sidebar icon size - fix for 768 */
@media(min-height:768px) {
	  ul#vertical-sidebar-nav.sf-menu li span {
	display:block;
	font-size:30px;
	margin-bottom:7px;
}

	ul#vertical-sidebar-nav.sf-menu li a {
		padding:26px 0px;
	}

/*	ul#vertical-sidebar-nav.sf-menu li span {
		display: block;
	}*/


}





/*
=============================================== 09. DASHBOARD HEADER USER & NOTIFICATION STYLES ===============================================
*/
#header-user-profile,
#distributor-profile {
	float:right;
	position:relative;
}

#header-user-profile-click {
	cursor:pointer;
	color:#888888;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:13px;
	padding:25px 10px 25px 10px;
}

#distributor-profile-click {
	cursor:pointer;
	color:#888888;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:13px;
	padding:25px 10px 25px 10px;
}

#distributor-profile-click img {
	vertical-align: top;
}


#header-user-profile-menu, #distributor-profile-menu {
	position:absolute;
	right:20px;
	margin-top:14px;
	border-radius: 6px;
	border:1px solid rgba(0,0,0,  0.12);
	overflow:visible;
	background:#ffffff;
	box-shadow:0px 15px 20px rgba(0,0,0,  0.05);
	z-index:50;
	min-width:180px;
	top:60px; 
}

#header-user-profile-menu:after,
#header-user-profile-menu:before,
#distributor-profile-menu:after,
#distributor-profile-menu:before,{
    content: '';
    display: block;
    position: absolute;
    right: 20px;
	margin-top:-10px;
    width: 0;
    height: 0;
	z-index:30;
    border-style: solid;
}

#header-user-profile-menu:before, #distributor-profile-menu:before {
    top: -10px;
    border-color: transparent transparent rgba(0,0,0,  0.16) transparent;
    border-width: 10px;
}

#header-user-profile-menu:after, #distributor-profile-menu:after {
    top: -9px;
    border-color:transparent transparent #fff transparent;
    border-width: 10px;
}

#header-user-profile-menu ul, #distributor-profile-menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#header-user-profile-menu ul li, #distributor-profile-menu ul li {
	margin:0px;
	padding:0px;
}

#header-user-profile-menu ul li a, #distributor-profile-menu ul li a {
	display:block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color:#848484;
	padding:10px 20px;
	font-size:13px;
}
#header-user-profile-menu ul li a:hover, #distributor-profile-menu ul li a:hover  {
	background: rgba(0,0,0,  0.04);
}

/* #header-user-profile-menu ul li span, */ 
#distributor-user-profile-menu ul li span {
	font-size:18px;
	position:relative;
	top:2px;
	margin-right:8px;
}

#header-user-profile.active #header-user-profile-click,
#header-user-profile-click:hover {
	color:#666666;
}



#distributor-profile.active #distributor-profile-click,
#distributor-profile-click:hover {
	color:#666666;
}

#header-user-profile img, #distributor-profile img {
	width:40px;
	border-radius:50px;
	margin-right:6px;
}

#header-user-profile .header-username, #distributor-profile .header-username {
	display:none;
	line-height: 14px;
}

@media (min-width: 768px) {

	#header-user-profile .header-username, #distributor-profile .header-username {
		display: inline-block;
	}

	#header-user-profile-click {
		
	padding:25px 40px 25px 20px;
}

#distributor-profile-click {

	padding:25px 20px 25px 20px;
}


}




#header-points {
	display:block;
	font-weight: 700;
	color:#6CA7F7;
}

#header-user-profile i,
#distributor-profile i {
	margin-left:6px;
}

/* Notification Styles */
#header-user-notification {
	float:right;
	position:relative;
}

/* Header Stats */
#header-stats {
	float:right;
	position:relative;
	padding:20px 15px 20px 15px;
	font-size:28px;
}

#header-stats a {
	color:#a0a0a0;
}

#header-stats a:hover {
	color:#b72834;
}

#header-time {
	float:right;
	position:relative;
	padding:35px 15px 20px 15px;
	font-size:16px;
	display: inline-block;
}


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

#header-time {

	display: none;
}

}


#header-user-notification-click {
	position:relative;
	color:#bfbfbf;
	padding:20px 15px 20px 15px;
	font-size:28px;
	cursor:pointer;
}

#header-user-notification.active #header-user-notification-click,
#header-user-notification-click:hover {
	color:#a0a0a0;
}

#header-user-notification-click i {
	position:relative;
	top:-1px;
}

span.user-notification-count {
	display:block;
	top:29px;
	right:8px;
	text-align:center;
	position:absolute;
	border:2px solid #ffffff;
	border-radius:30px;
	width:18px;
	height:18px;
	line-height:15px;
	font-weight:700;
	font-size:8px;
	color:#ffffff;
}

#header-user-notification-menu {
	position:absolute;
	right:-5px;
	margin-top:14px;
	border-radius: 6px;
	border:1px solid rgba(0,0,0,  0.12);
	overflow:visible;
	background:#ffffff;
	box-shadow:0px 15px 20px rgba(0,0,0,  0.05);
	z-index:50;
	min-width:280px;
}

#header-user-notification-menu:after,
#header-user-notification-menu:before {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
	margin-top:-10px;
    width: 0;
    height: 0;
	z-index:30;
    border-style: solid;
}

#header-user-notification-menu:before {
    top: -10px;
    border-color: transparent transparent rgba(0,0,0,  0.16) transparent;
    border-width: 10px;
}

#header-user-notification-menu:after {
    top: -9px;
    border-color:transparent transparent #fff transparent;
    border-width: 10px;
}

#header-user-notification-menu h3 {
	font-weight:400;
	font-size:12px;
	text-transform:uppercase;
	padding:20px 20px 18px 20px;
	margin:0px;
	border-bottom:1px solid rgba(0,0,0,  0.04);
}

#header-user-notification-list {
	list-style:none;
	margin:0px;
	padding:0px;
	max-height:240px;
	overflow-y: auto;
}

#header-user-notification-list li {
	margin:0px;
	padding:0px;
}

#header-user-notification-list li a {
	display:block;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	color:#888888;
	padding:10px 20px 10px 64px;
	font-size:12px;
	line-height:1.5;
	position:relative;
}

#header-user-notification-list li img {
	position:absolute;
	left:20px;
	top:12px;
	border-radius:40px;
	width:35px;
	height:35px;
}

#header-user-notification-list li a:hover {
	background: rgba(0,0,0,  0.04);
}

#header-user-notification-list li .header-user-notify-time {
	display:block;
	color:#bbbbbb;
	padding-top:5px;
	font-size:11px;
}

/*
=============================================== 10. DASHBOARD HEADER SEARCH STYLES ===============================================
*/
#page-header {
	float:left;
	height:89px;
	position:relative;

}

#page-header form {
	float:left;
	margin-top:30px;
	margin-left:20px;
}

#page-header h1 {
	font-size:26px;
	padding-top:30px;
	padding-left:30px;
	float:left;
}




#page-header input {
	font-size:15px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color:#444444;
	background:none;
	padding:10px 0px 10px 10px;
	width:300px;
}

#search-icon-more {
	position:absolute;
	cursor:pointer;
	top:50%;
	left:30px;
	display:block;
	margin-top:-30px;
	width:65px;
	height:60px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:57px 24px;
	background-image:url(/images/search-icon.png);
	opacity:0.62;
}

#page-header.active #search-icon-more,
#search-icon-more:hover {
	opacity:1;
}

#page-header ::-webkit-input-placeholder {
  color:#aaaaaa;
}
#page-header ::-moz-placeholder {
  color: #aaaaaa;
}
#page-header :-ms-input-placeholder {
  color:#aaaaaa;
}
#page-header :-moz-placeholder {
  color: #aaaaaa;
}


#page-header input:focus {
	outline:none;
	box-shadow:none;
}

#page-header-filtering {
	top:100%;
	margin-top:1px;
	position:absolute;
	width:calc(100vw - 160px);
	background:#ffffff;
	border-bottom:1px solid rgba(0,0,0,  0.1);
	box-shadow:0px 15px 20px rgba(0,0,0,  0.05);
	line-height:1.6;

}

#page-header-filtering:before {
	content:"";
	display:block;
	position:absolute;
	left:0px;
	width:1px;
	background:rgba(0, 0, 0, 0.04);
	height:100%;
}

#page-header-filtering:after {
	content:"";
	display:block;
	position:absolute;
	top:0px;
	width:10px;
	height:100%;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#page-header-filtering-padding {
	padding:0px 15px 0px 19px;
}

.col-sm.extra-padding {
	padding-right:35px;
	padding-left:35px;
	position:relative;
}


#page-header-filtering-padding .dotted-dividers-pro {
	position:absolute;
	top:40px;
	right:0px;
	height:calc(100% - 40px);
	width:1px;
	background-repeat:repeat-all;
	background-size:1px 6px;
	background-image: url( images/dotted-search.png);
}

#page-header-filtering h5 {
	font-weight:400;
	font-size:13px;
	text-transform:uppercase;
	padding:40px 20px 18px 0px;
	margin:0px;
}


/* Customize the label (the container) */
.checkbox-pro-container {
	display: block;
	position: relative;
	padding-left: 28px;
	margin-bottom: 12px;
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	color:#777777;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-pro-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkbox-pro-container .checkmark-pro {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width:18px;
  border-radius:20px;
  background: #ffffff;
  border:1px solid rgba(0,0,0,  0.12);
}

/* On mouse-over, add a grey background color */
.checkbox-pro-container:hover input ~ .checkmark-pro {
  background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.checkbox-pro-container input:checked ~ .checkmark-pro {
  background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-pro-container .checkmark-pro:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-pro-container input:checked ~ .checkmark-pro:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-pro-container .checkmark-pro:after {
  left:50%;
  top: 50%;
  margin-top:-3px;
  margin-left:-3px;
  width: 6px;
  height: 6px;
  border-radius:30px;
}


/* Search Filtering Buttons */
#page-header-buttons {
	text-align:center;
	padding:30px 0px 40px;
}

#page-header-buttons .btn {
	margin-right:5px;
	margin-left:5px;
}

#page-header-buttons .btn.btn-green-pro {
	min-width:300px;
}




/* Mobile Search */
#search-mobile-nav-pro {
	text-align:center;
}
#search-mobile-nav-pro input {
	font-size:13px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color:#444444;
	background:none;
	width:calc(100% - 40px);
	padding:9px 15px 9px 64px;
	border:none;
	border:2px solid rgba(0,0,0,  0.09);
	margin:15px auto;
	border-radius:30px;
}

#search-mobile-nav-pro input {
	background-repeat:no-repeat;
	background-image:url(/images/mobile-search-icon.png);
	background-size:30px 17px;
	background-position:20px 13px;
}

/*
=============================================== 11. DASHBOARD SLIDER STYLES ===============================================
*/
.progression-studios-full-height-slider .progression-studios-slider-dashboard-image-background,
.flexslider.progression-studios-dashboard-slider.progression-studios-full-height-slider {
	height:calc(100vh - 90px);
}

.flexslider.progression-studios-dashboard-slider {
	background:#fafafa;
	height:85vh;
}

.progression-studios-slider-dashboard-image-background {
	height:85vh;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
}

.flexslider.progression-studios-dashboard-slider:after {
	content:'';
	display:block;
	height:1px;
	width:100%;
	background:rgba(0,0,0,  0.05);

}

.flexslider.progression-studios-dashboard-slider .container {
	position:relative;
}

.video-callout-block {
	max-width:480px;
	margin-left:20px;
	position:relative;
	z-index:10;
}

.flexslider.progression-studios-dashboard-slider h6 {
	font-size:15px;
	letter-spacing:0.7em;
	text-transform:uppercase;
	margin-bottom:25px;
}


.flexslider.progression-studios-dashboard-slider h5.created-by-heading-pro {
	font-size:14px;
	letter-spacing:0em;
	text-transform:none;
	margin-bottom:5px;
	color:#ffffff;
	letter-spacing:0.03em;
}


.flexslider.progression-studios-dashboard-slider h6.created-by-heading-pro {
	font-size:13px;
	text-transform:none;
	font-weight:400;
	margin-bottom:5px;
	letter-spacing:0.03em;
}

.flexslider.progression-studios-dashboard-slider img.created-by-avatar {
	float:left;
	border-radius:80px;
	width:48px;
	margin-right:12px;
}


/* Rating */
ul.progression-studios-slider-rating {
	list-style:none;
	margin:0px 0px 8px 0px;
	padding:0px;
}

ul.progression-studios-slider-rating li {
	display:inline-block;
	line-height:1;
	margin:0px 7px 5px 0px;
	padding:7px;
	border-radius:5px;
	font-size:11px;
	font-weight:700;
	border:2px solid #9d9d9d;
	color:#9d9d9d;
}

.flexslider.progression-studios-dashboard-slider h2 {
	font-size:52px;
	line-height:1.1;
	margin-bottom:8px;
}

.flexslider.progression-studios-dashboard-slider h2 a {
	color:#333333;
}

/* Meta */
ul.progression-studios-slider-meta {
	list-style:none;
	margin:0px 0px 15px 0px;
	padding:0px;
}

ul.progression-studios-slider-meta li {
	display:inline;
	margin:0px;
	padding:0px;
	color:#a8a8a8;
	font-size:14px;
}

ul.progression-studios-slider-meta li:after {
	content:"|";
	padding:0px 14px;
}

ul.progression-studios-slider-meta li:last-child:after {
	display:none;
}

p.progression-studios-slider-description {
	font-size:14px;
	margin-bottom:25px;
}


.progression-studios-dashboard-slider .btn-slider-pro {
	float:left;
	margin-right:15px;
}

/* Add to Watchlist Menu */
.progression-studios-slider-more-options {
	float:left;
	cursor:pointer;
	margin:0px;
	position:relative;
	padding-right:12px;
}


.progression-studios-slider-more-options i {
	height:50px;
	width:50px;
	line-height:50px;
	text-align:center;
	font-size:13px;
	border-radius:60px;
	border:2px solid #acabab;
	color:#acabab;
}

.progression-studios-slider-more-options.active i,
.progression-studios-slider-more-options i:hover {
	border-color:#8f8f8f;
	color:#8f8f8f;
}

.progression-studios-slider-more-options ul {
	position:absolute;
	left:100%;
	top:0px;
	width:170px;
	background:#ffffff;
	border:1px solid rgba(0,0,0,  0.05);
	box-shadow: 0px 0px 10px rgba(0,0,0,  0.06);
	border-radius:5px;
	list-style:none;
	margin:0px;
	padding:16px 0px 0px 0px;
}

.progression-studios-slider-more-options ul li {
	margin:0px;
	padding:0px 24px 0px 24px;
}

.progression-studios-slider-more-options ul li a {
	display:block;
	margin-bottom:4px;
	color:#272727;
	font-size:13px;
}

.progression-studios-slider-more-options ul li:last-child {
	border-top:1px solid #e7e7e7;
	margin-top:10px;
}

.progression-studios-slider-more-options ul li:last-child a {
	color:#aaaaaa;
	margin-bottom:0px;
	padding-top:11px;
	padding-bottom:11px;
}

.flexslider.progression-studios-dashboard-slider h5 {
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
	margin:8px 0px 15px 0px;
	letter-spacing:0.05em;
}

ul.progression-studios-staring-slider {
	list-style:none;
	margin:0;
	padding:0;
}

ul.progression-studios-staring-slider li {
	display:inline-block;
	margin:0 5px 5px 0px;
	padding:0;
	width:32px;
}

ul.progression-studios-staring-slider li img {
	border-radius:60px;
}

/* Rating */
.flexslider.progression-studios-dashboard-slider .circle-rating-pro {
	position:absolute;
	right:20px;
	bottom:0px;
	z-index:10;
}
.flexslider.progression-studios-dashboard-slider .circle-rating-pro span {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	position:absolute;
	top:0;
	left:0;
	line-height:70px;
	width:70px;
	text-align:center;
	font-size:20px;
}

a.progression-studios-slider-play-btn {
	z-index:50;
	position:absolute;
	display:block;
	cursor:pointer;
	right:18%;
	text-align:center;
	border-radius:100px;
	top:50%;
	margin-top:-50px;
	width:100px;
	height:100px;
	line-height:100px;
	color:#ffffff;
	font-size:36px;
	border:2px solid #ffffff;
	background:rgba(0,0,0,  0.05);
	box-shadow:0px 0px 20px rgba(0,0,0,  0.15);
}
a.progression-studios-slider-play-btn i {
	position:relative;
	left:3px;
}


/*
=============================================== 12. DASHBOARD CONTENT SIDEBAR PAGES ===============================================
*/
#content-sidebar-image {
	position:relative;
	text-align:center;
	margin-bottom:35px;
}

#content-sidebar-info {
	position:relative;
	text-align:center;
	margin-bottom:45px;
}

a.edit-profile-sidebar {
	text-align:center;
	z-index:8;
	position:absolute;
	top:14px;
	right:14px;
	border-radius:40px;
	width:36px;
	height:36px;
	line-height:36px;
	font-size:15px;
	color:#ffffff;
	box-shadow: 0px 2px 14px rgba(61,177,61, 0.4);
}

a.edit-profile-sidebar:hover {
	background:#9d9d9d;
}

#profile-sidebar-name {
	padding-top:40px;
	position:absolute;
	bottom:0px;
	width:100%;
	z-index:3;
}

#profile-sidebar-gradient {
	height:90px;
	position:absolute;
	bottom:-2px;
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,7db9e8+100,ffffff+100,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#profile-sidebar-name h5 {
	font-size:19px;
	margin-bottom:8px;
}

#profile-sidebar-name h6 {
	color:#aaaaaa;
	font-size:14px;
	font-weight:400;
}

.content-sidebar-section {
	padding:0px 35px;
	margin-bottom:42px;
}


.content-sidebar-section .form-check {
	margin-bottom:15px;
}


h2.content-sidebar-sub-header {
	font-size:22px;
	margin-bottom:20px;
}

h2.content-sidebar-sub-header.adjusted-recent-reviews {
	font-size:18px;
}

h3.content-sidebar-sub-header {
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
	letter-spacing:0.03em;
	margin-bottom:20px;
}

h4.content-sidebar-sub-header {
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
	letter-spacing:0.03em;
	margin-bottom:10px;
}

.content-sidebar-short-description {
	font-size:14px;
}

.rating-pro {
    unicode-bidi: bidi-override;
    direction: rtl;

}

.rating-pro input {
    position: absolute;
    left: -999999px;
}

.rating-pro label {
    display: inline-block;
    font-size: 0;
	cursor:pointer;

}

.rating-pro > label:before {
    position: relative;
	font-family: 'Font Awesome 5 Pro';
	font-weight:400;
	font-size:15px;
    display: block;
    content: "\f005";
    color: #cacaca;

}

.rating-pro > label:hover:before,
.rating-pro > label:hover ~ label:before,
.rating-pro > label.selected:before,
.rating-pro > label.selected ~ label:before {
    color: #6CA7F7;
	font-weight:900;
}


/*
=============================================== 13. DASHBOARD ACCOUNT PAGES ===============================================
*/
/* Dashboard Sub-menu Filtering */
ul.dashboard-sub-menu,  .nav-tabs {
	list-style:none;
	margin:35px 0px 30px 0px;
	padding:0px;
}

ul.dashboard-sub-menu li {
	display:inline;
	padding:0px;
	margin:0px;
}

ul.dashboard-sub-menu li a {
	margin:0px 40px 5px 0px;
	display:inline-block;
	position:relative;
	color:#333333;
	font-size:16px;
	padding-bottom:6px;
	font-family: 'Montserrat', sans-serif;
}


ul.dashboard-sub-menu li:last-child a {
	margin-right:0px;
}

ul.dashboard-sub-menu li a:after {
	display:block;
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:3px;
	background:rgba(0,0,0,  0);
}

ul.dashboard-sub-menu li a:hover,
ul.dashboard-sub-menu li.current a {
	color:#333333;
}

/*ul.dashboard-sub-menu li a .filter-label {
	display: none;
}*/


ul.dashboard-sub-menu li a i {
	display: none;
}


@media (min-width: 1345px) {
	ul.dashboard-sub-menu li a i {
	display:inline-block;
}
}


/* ----- Tabs ---------- */

.nav-tabs {
	border:0;
	font-family: 'Montserrat', sans-serif;
}

.nav-tabs .nav-link {
	color:#adadad;
	font-size:16px;
}

.nav-tabs .nav-link:focus {
	color:#000;
}

.nav-tabs .nav-link:hover {
	border-color: transparent;
	color:#000;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-bottom:1px solid #6CA7F7;
	color:#000;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;

}


.nav-tabs .nav-link.active {
	background-color: transparent;
}

.nav-tabs .nav-link {
	color:#000;
}






/*
=============================================== 14. HEADINGS & PAGE TITLE STYLES ===============================================
*/
#page-title-pro {
	text-align:center;
	padding:80px 0px;
	background:#fafafa;
	border-bottom:1px solid rgba(0,0,0,  0.05);
}

#page-title-pro h1 {
	display:block;
	width:100%;
	margin-bottom:20px;
	font-size:38px;
}

#page-title-pro h6 {
	display:block;
	width:100%;
	font-weight:400;
	color:rgba(0,0,0, 0.5);
	font-size:17px;
}

.short-border-bottom {
	position: relative;
	padding-bottom:30px;
	margin-bottom:26px;
}

.short-border-bottom:after {
	position:absolute;
	content:"";
	display:block;
	width:40px;
	height:5px;
	border-radius:10px;
	background:#262626;
	bottom:0px;
}


.mx-auto .short-border-bottom:after {
	left:50%;
	margin-left:-20px;
}

h1.light-weight-heading, h2.light-weight-heading, h3.light-weight-heading, h4.light-weight-heading, h5.light-weight-heading, h6.light-weight-heading {
	font-weight:400;
}


/*
=============================================== 15. DEFAULT PAGE STYLES ===============================================
*/
.jumbotron-pro {
	border-radius:8px;
	text-align:center;
	padding-top:24px;
	padding-bottom:20px;
	border:2px solid #e9e9e9;
	background:#ffffff;
	position:relative;
}

.jumbotron-pro [class^="icon-"], .jumbotron-pro [class*=" icon-"] {
	font-size:45px;
}

.jumbotron-pro h6 {
	padding-top:10px;
	font-size:14px;
}

.centered-headings-pro {
	text-align:center;
}

.centered-headings-pro h1, .centered-headings-pro h2, .centered-headings-pro h3, .centered-headings-pro h4, .centered-headings-pro h5, .centered-headings-pro h6 {
	display:block;
	width:100%;
}


/* Pricing Table Page */
.pricing-plans-headings {
	margin:15px 0px 15px 0px;
}


/*
=============================================== 16. LOGIN/REGISTRATION STYLES ===============================================
*/


.forgot-your-password,
.checkbox-remember-pro {
	margin-top:-5px;
	font-size:13px;
	color:#9d9d9d;
}

.checkbox-remember-pro label {
	cursor:pointer;
}
.checkbox-remember-pro input {
	margin-right:6px;
}
.forgot-your-password {
	text-align:right;
	position:relative;
	top:5px;
}

.forgot-your-password a {
	color:#9d9d9d;
}

.forgot-your-password a:hover {
	color:#444444;
}

a.not-a-member-pro {
	display:block;
	padding:12px 20px;
	background:#9d9d9d;
	text-align:center;
	color:#ffffff;
	letter-spacing:0.02em;
	font-family: 'Montserrat', sans-serif;
}

a.not-a-member-pro span {
	font-weight:700;
}


/*
=============================================== 17. INPUT/TEXTAREA STYLES ===============================================
*/
#search-mobile-nav-pro input:focus,
select.custom-select:focus,
.form-group input:focus,
.form-group textarea:focus {
	outline:none;
	box-shadow:none;
}

.form-group input, .form-group textarea {
	border-color:#dddddd;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
}

.form-group {
	margin:18px;
}

.form-group ::-webkit-input-placeholder {
  color:#aaaaaa;
}
.form-group ::-moz-placeholder {
  color: #aaaaaa;
}
.form-group :-ms-input-placeholder {
  color:#aaaaaa;
}
.form-group :-moz-placeholder {
  color: #aaaaaa;
}

/*
=============================================== 18. FOOTER STYLES ===============================================
*/
footer#footer-pro {
	border-top:1px solid rgba(0,0,0,  0.09);
}

.copyright-text-pro {
	font-size:14px;
	color:#868686;
}

.copyright-text-pro {
	padding:25px 0px;
}

footer#footer-pro ul.social-icons-pro {
	padding:20px 0px;
}

footer#footer-pro ul.social-icons-pro {
	text-align:right;
}

/* Scroll to top */
#pro-scroll-top {
	display: block;
	position: fixed;
	overflow: hidden;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	text-align:center;

	z-index:100;
	padding:0px;
	margin:0px;
  	bottom: 0px;
	right: 30px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	color:#ffffff;
	background:rgba(0,0,0,  0.3);

	height: 31px;
	width: 42px;
	font-size:12px;
}

#pro-scroll-top:hover {
	height:35px;
}

#pro-scroll-top .fa-chevron-up {
	position:absolute;
	top:10px;
	left:16px;
}


#pro-scroll-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}




/*
=============================================== 21. MOBILE NAVIGATION ===============================================
*/
/* Bars Icon on Backend Dashboard */
header#header #mobile-bars-icon-pro {
	margin-right:0px;
	padding:36px 25px;
}

ul#mobile-menu [class^="icon-"], ul#mobile-menu [class*=" icon-"] {
	font-size:22px;
	display:inline-block;
	width:30px;
	position:relative;
}

ul#mobile-menu [class^="icon-"]:before, ul#mobile-menu [class*=" icon-"]:before {
	position:absolute;
	top:-17px;
}

ul#mobile-menu i {
	width:30px;
	margin-bottom:-10px;
	font-size:18px;
	text-align:center;
}

ul#mobile-menu span.user-notification-count {
	right:auto;
	top:12px;
	left:34px;
}

/* Bars Icon Styles */
#mobile-bars-icon-pro {
	float:right;
	line-height:1;
	color:#272727;
	font-size:18px;
	padding:34px 30px;
	cursor:pointer;
	margin-right:-15px;
	display:none;
}

#mobile-bars-icon-pro  i.fa-bars {
	min-width:18px;
	text-align:center;
}
.active-mobile-icon-pro #mobile-bars-icon-pro  i.fa-bars:before {
	content: "\f00d";
}

/* Mobile Menu Drop Down Styles */
header#masthead-pro #mobile-nav {
	border-top:1px solid rgba(0,0,0,  0.07);
}
#mobile-nav {
	display:none;
	line-height:1;
	position:relative;
	z-index:20;

	background:#ffffff;
	border-bottom:1px solid rgba(0,0,0,  0.1);
	box-shadow:0px 15px 20px rgba(0,0,0,  0.05);

    font-weight: 600;
	font-family:'Montserrat', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.04em;
}

ul#mobile-menu li a {
    display: block;
	line-height:1;
	color:#272727;
	font-size:13px;
	padding:20px 20px;
}

.btn.btn-mobile-pro {
	display:block;
	width:100%;
	border:none;
	border-radius:0px;
}

.btn.btn-mobile-pro.btn-green-pro {
	margin-bottom:-1px;
}


/* slimmenu plugin default styles */
@media only screen and (min-width: 960px) {
	#mobile-nav {
		display:none !important;
	}
}

.menu-collapser {
	display:none !important;
}

ul#mobile-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
	display:block !important;
	overflow:hidden;
	width: 100%;
}

ul#mobile-menu li {
    position: relative;
    display: inline-block;
	margin:0px;
	padding:0px;
}

ul#mobile-menu li li a {
	padding-left:30px;
}

ul#mobile-menu li li li a {
	padding-left:35px;
}

ul#mobile-menu li li li li a {
	padding-left:40px;
}

ul#mobile-menu a i {
	padding-right:4px;
}

ul#mobile-menu li .sub-collapser {
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    width:50px;
    text-align: center;
    z-index: 999;
    cursor: pointer;
	height:53px;
}

ul#mobile-menu.collapsed li .sub-collapser:before {
	position:absolute;
	top:0px;
	left:0px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size:13px;
	border:none;
	content:"\f107";
	text-align:center;
	line-height:53px;
	width:50px;
	background:#f2f2f2;
}

ul#mobile-menu.collapsed li .sub-collapser.expanded {
	transform: rotate(180deg);
}

ul#mobile-menu li .sub-collapser > i {
	display:none;
}

ul#mobile-menu li ul {
	margin: 0;
	list-style-type: none;
}

ul#mobile-menu li ul {
	padding-left:0px;
}

ul#mobile-menu li ul li {
	background:#f2f2f2;
}

ul#mobile-menu li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}

ul#mobile-menu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}

ul#mobile-menu li {
    display: block;
    width: 100%;
    box-sizing: border-box;

}

ul#mobile-menu li a {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,  0.05);
    box-sizing: border-box;
}

ul#mobile-menu.collapsed li > ul {
    display: none;
    position: static;
}


/*
=============================================== 22. SOCIAL ICONS ===============================================
*/
ul.social-icons-pro {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.social-icons-pro li {
	display:inline;
	margin:0px;
	padding:0px;
}

ul.social-icons-pro li:last-child a {
	margin-right:0px;
}

ul.social-icons-pro li a {
	display:inline-block;
	text-align:center;
	border-radius:50px;
	margin:0px 4px;
	border:2px solid rgba(0,0,0,  0.08);
	width:34px;
	height:34px;
	line-height:32px;
	font-size:12px;
	color:#818181;
}

ul.social-icons-pro li a:hover {
	background:#818181;
	border-color:#818181;
	color:#ffffff;
}

ul.social-icons-pro li.facebook-color a {
	color:#3b5998;
}

ul.social-icons-pro li.facebook-color a:hover {
	background:#3b5998;
	border-color:#3b5998;
	color:#ffffff;
}

ul.social-icons-pro li.google-color a {
	color:#dd4b39;
}

ul.social-icons-pro li.google-color a:hover {
	background:#dd4b39;
	border-color:#dd4b39;
	color:#ffffff;
}

ul.social-icons-pro li.linkedin-color a {
	color:#007bb5;
}

ul.social-icons-pro li.linkedin-color a:hover {
	background:#007bb5;
	border-color:#007bb5;
	color:#ffffff;
}


ul.social-icons-pro li.twitter-color a {
	color:#55acee;
}

ul.social-icons-pro li.twitter-color a:hover {
	background:#55acee;
	border-color:#55acee;
	color:#ffffff;
}

ul.social-icons-pro li.youtube-color a {
	color:#ff0000;
}

ul.social-icons-pro li.youtube-color a:hover {
	background:#ff0000;
	border-color:#ff0000;
	color:#ffffff;
}

ul.social-icons-pro li.vimeo-color a {
	color:#aad450;
}

ul.social-icons-pro li.vimeo-color a:hover {
	background:#aad450;
	border-color:#aad450;
	color:#ffffff;
}

ul.social-icons-pro li.instagram-color a {
	color:#e95950;
}

ul.social-icons-pro li.instagram-color a:hover {
	background:#e95950;
	border-color:#e95950;
	color:#ffffff;
}


/*
=============================================== 23. CSS3 ANIMATIONS ===============================================
*/
.btn, a, .form-group input, .form-group textarea {
	transition-duration: 250ms;
	transition-property: color, background-color, border;
	transition-timing-function: ease-in-out;
}

.btn {
	transition-duration: 300ms;
}


.progression-studios-slider-more-options i,
#search-mobile-nav-pro input,
#mobile-bars-icon-pro,
.checkbox-pro-container input ~ .checkmark-pro,
#search-icon-more,
#header-user-profile-click,
#header-user-notification-click,
ul.registration-genres-choice li,
ul.registration-genres-choice li i,
ul.registration-invite-friends-list li i,
ul.registration-invite-friends-list li,
.social-icon-login,
ul#registration-steps-pro li,
.jumbotron-pro,
#pro-scroll-top,
.sf-menu a:before,
button.close {
	transition-duration: 250ms;
	transition-property: all;
	transition-timing-function: ease-in-out;
}

.sf-menu a {
	transition-duration: 250ms;
	transition-property:  padding-top, padding-bottom, color, background-color, width;
	transition-timing-function: ease-in-out;
}

.example-no-css3 {
	-webkit-transition-duration: 0ms !important;
	-moz-transition-duration: 0ms !important;
	-o-transition-duration: 0ms !important;
	transition-duration: 0ms !important;
}

/* Animation For Menus & Profile Overlays */
@keyframes ProgressionMoveUp {
	from { }
	to { transform: translateY(0px); opacity: 1;  }
}

@keyframes ProgressionMoveOut {
	from { visibility:visible; opacity:1; }
	to {  opacity: 0; visibility:hidden; }
}

li.sfHover ul.sub-menu {
	transform: translateY(20px);
	opacity:0;
	animation-duration:250ms;
	animation-name: ProgressionMoveUp;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

.progression-studios-slider-more-options ul,
#page-header-filtering,
#header-user-notification-menu,
#header-user-profile-menu,
#distributor-profile-menu
{
	opacity:0;
	visibility:hidden;
}

.progression-studios-slider-more-options.hide ul,
#page-header.hide #page-header-filtering,
#header-user-notification.hide #header-user-notification-menu,
#header-user-profile.hide #header-user-profile-menu,
#distributor-profile.hide #distributor-profile-menu
{
	animation-duration:200ms;
	animation-name: ProgressionMoveOut;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

.progression-studios-slider-more-options.active ul,
#page-header.active #page-header-filtering,
#header-user-notification.active #header-user-notification-menu,
#header-user-profile.active #header-user-profile-menu,
#distributor-profile.active #distributor-profile-menu {
	transform: translateY(20px);
	opacity:0;
	visibility:visible;
	animation-duration:250ms;
	animation-name: ProgressionMoveUp;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}


/* ======== #DESKTOP (959px-1100px) ======== */
@media only screen and (min-width: 959px) and (max-width: 1100px) {

	.dashboard-container {
		padding:0px 40px;
	}

	/* Responsive Dashboard Slider Styles */
	.video-callout-block {
		max-width:450px;
	}
	a.progression-studios-slider-play-btn {
		right:10%;
	}

	ul.dashboard-sub-menu li a {
		font-size:15px;
		margin:0px 10px 5px 10px;
	}

	/* Responsive Sidebar Size */
	#content-sidebar-pro {
		width:260px;
	}

	#content-sidebar-pro:after {
		width:260px;
	}

	main#col-main-with-sidebar {
		margin-left:420px;
	}




}

/* ======== #Tablet (768px-959px) ======== */
@media only screen and (min-width: 768px) and (max-width: 959px) {


	/* Mobile Navigation */
	#site-navigation-pro, #masthead-pro .btn-header-pro {
		display:none;
	}

	nav#sidebar-nav, #sidebar-bg:before, #sidebar-bg:after {
		display:none;
	}

	#header-user-notification, #page-header {
		display:none;
	}

	#show-brand:after, #show-brand:before {
		display:none;
	}

	#mobile-bars-icon-pro {
		display:block;
	}

	#header-user-profile-click {
		padding-right:15px;
	}
	#header-user-profile-menu {
		right:-5px;
	}

	main#col-main {
		margin-left:0px;
	}


	#content-sidebar-pro {
		margin-left:0px;
		width:260px;
	}

	#content-sidebar-pro:after {
		left:0px;
		width:260px;
	}

	main#col-main-with-sidebar {
		margin-left:260px;
	}

	#page-title-pro h1 {
		font-size:32px;
	}

	#page-title-pro h6 {
		font-size:15px;
	}


 	.dashboard-container {
		padding:0px 20px;
	}

}

/* ======== #Mobile (0px-767px) ======== */
@media only screen and (max-width: 767px) {


	/* Mobile Navigation */
	#site-navigation-pro, #masthead-pro .btn-header-pro {
		display:none;
	}

	nav#sidebar-nav, #sidebar-bg:before, #sidebar-bg:after {
		display:none;
	}

	#show-brand:after, #show-brand:before {
		display:none;
	}

	#header-user-notification, #page-header {
		display:none;
	}

	#mobile-bars-icon-pro {
		display:block;
	}

	#header-user-profile-click {
		padding-right:0px;
	}

	#header-user-profile img {
		margin-right:0px;
	}

	#header-user-profile-menu {
		right:0px;
	}

	#header-user-profile #header-username {
		display:none;
	}

	main#col-main {
		margin-left:0px;
	}

	#content-sidebar-pro {
		margin-left:0px;
		width:100%;
		margin-bottom:40px;
	}

	#content-sidebar-pro:after {
		display:none;
	}

	main#col-main-with-sidebar {
		margin-left:0px;
	}



 	.dashboard-container {
		padding:0px 20px;
	}



	.video-callout-block {
		max-width:100%;
		margin-left:0px;
	}



	#account-edit-photo {
		padding:0px;
	}


	ul.dashboard-sub-menu {
		text-align:center;
	}
	ul.dashboard-sub-menu li a {
		margin:0px 10px 5px 10px;
		font-size:15px;
	}




}




/*Chatbox*/

#staff-chat {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.chat-header {
      /* margin: 10px; */
    font-size: 14px;
   padding:5px 10px;
	border-top:1px solid #ddd;
	font-weight: 700;
}

#chat-head {
	font-weight:700;
}

#close-chat {
	color:#fff;
	float:right;
}



.chat-user {
	position: relative;
}


i.start-chat {
  display: inline-block;
  border-radius: 60px;
  padding: 0.5em 0.6em;
background-color:#A1192E;
	color:#fff;
}


.delete-chat-msg {
	position: absolute;
	top:0px;
	right:8px;
	z-index: 100;
	font-size:13px;
	opacity: 0;
	 transition: opacity .1s ease-in-out;
  -moz-transition: opacity .1s ease-in-out;
  -webkit-transition: opacity .1s ease-in-out;
	color:#555 !important;
}

.chat-user:hover .delete-chat-msg, .chat-admin:hover .delete-chat-msg {
	opacity: 100;
}


.chat-admin, .chat-user {
	margin-bottom:10px;
}

.chat-admin p, .chat-user p {
	margin:0px;
	padding:0px;
	overflow-wrap: break-word;
  word-wrap: break-word;
	-ms-word-break: break-all;
}


.chat-admin {
	color:#252525;
	padding:10px;

}

.chat-admin a {
	color:#b72834;
}

.chat-user {
	color:#252525;
	padding:10px;
	background-color:#ebf7fc;

}

.chat-user a {
	color:#b72834;
	text-decoration: none;
}

.chat-admin .user  {
	margin-bottom:5px;
	font-size:14px;
	color:#000;
	line-height: 18px;
	font-weight: 700;
}


.chat-user .user {
	margin-bottom:5px;
	font-size:14px;
	line-height: 18px;
	font-weight: 700;
}


.live-chat-list .chat-admin, #staff-chat-window .chat-admin, #visitor-chat-transcript .chat-admin {
	background-color: #cae2fa;
	border-radius: 10px;
}


.live-chat-list .chat-user, #staff-chat-window .chat-user, #visitor-chat-transcript .chat-user {
	background-color: #f2f2f2;
	border-radius: 10px;
}

.live-chat-list .chat-admin {
	margin-right:20px;
	padding:5px 10px;
}


.live-chat-list .chat-user {
	margin-left:20px;
	padding:5px 10px;
}




.live-chat-list .chat-admin.request-video {
	margin-right:20px;
}











.chat-tabs {
	margin-top:0px;
	margin-bottom:5px;
}


.chat-tabs .nav-item .nav-link {
	padding:10px;
	font-size:14px;

}



.chat-admin.request-video {
	background: #f79700;
	color:#fff;
}

.chat-admin.chat-ended {
	background: #28B93D;
	margin-right:20px;
	color:#fff;
}

.chat-admin .avatar, .chat-user .avatar{
	float:left;
	width:35px;
	height: 35px;
	margin-right:5px;
	position: relative;
}

.visitor-line-row .avatar {
	position: relative;
}

.visitor-line-row .avatar:hover .avatar-overlay {
	opacity: 1;
}

.visitor-line-row .avatar:hover img {
	opacity: 0;
}


.avatar-overlay a, .avatar-overlay a:hover, .avatar-overlay a:focus {
	color:#fff;
}




.avatar-overlay {
	position: absolute;
	z-index: 100;
	background:#6CA7F7;
	color:#fff;
	top:0;
	left:0;
	width:35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	font-size:20px;
  opacity:0;

}

.chat-admin .avatar:hover .avatar-overlay {
	opacity: 1;
}

.chat-admin .avatar:hover img {
	opacity: 0;
}




.chat-admin .chat-msg-block {
	overflow: hidden;
	padding:0px 10px;
}


.chat-user .chat-msg-block {
	overflow: hidden;
	padding:0px 10px;
}



.chat-msg-block p {
	line-height: 1.3333;

}


.chat-admin:after, .chat-user:after {
  content: "";
  display: table;
  clear: both;
}




.chat-admin.intro, .chat-user.intro {
	background:  #efefef;
	color:#333;
}


.chat-admin.scan {
	background: #04ae52;
	color:#fff;
	margin-right:50px;
}

.chat-admin.scan h5 {
	color:#fff;
}

.chat-admin.scan i {
	margin-right:5px;
}




.chat-admin.busy, .chat-user.busy {
	background: #e5e5ea;
	color:#333;
	margin-right:50px;
}



.chat-admin h5, .chat-user h5 {
	margin-bottom:0px;
}

.chat-admin .timestamp, .chat-user .timestamp {
	font-size: 12px;
	color:#626262;
	margin-left:10px;
	font-weight: 300;
	vertical-align: middle;
}


.request-video {
	background-color:#fff3cd;
	color:#856404;
	border:1px solid #fff3cd;

}

.request-video p:before {
   font-family: "Font Awesome 5 Pro";
   content: "\f03d";
   padding-right: 8px;
   font-weight: 900;
}




#start-chat {
	position: absolute;
	bottom:20px;
	right:40px;
	z-index: 4000;
	width:55px;
	height:55px;
	color:#fff;
	background: #6CA7F7;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	line-height: 55px;

}


.fab_field {
  width: 100%;
  display: inline-block;
  text-align: center;
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	padding:5px;

}


#fab_camera {
  float: left;
  background: rgba(0, 0, 0, 0);
}

#fab_send {
  float: right;
  background: rgba(0, 0, 0, 0);
}

.fab_field i {
  width: 35px;
  height: 35px;
  box-shadow: none;
  margin: 5px;
}

.fab_field i {
  font-size: 1.6em;
  line-height: 35px;
  color: #bbb;
}
.fab_field i:hover {
  color: #42a5f5;
}


.chat_field {
  position: relative;
  margin: 5px 0 5px 0;
  font-weight: 500;
  color: #4b4b4b;
	font-size: 14px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  border: none;
  outline: none;
}

.chat_field.chat_message {
  height: 40px;
  resize: none;
    font-weight: 400;
}


.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}




#product-list-container td {
	vertical-align: middle;
}


/* Custom Checkbox */

.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 25px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
	border-radius: 50%;
  background-color: #fff;
	border:1px solid #ddd;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
  background-color: #6CA7F7;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f00c";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
  left: 5px;
  top: -1px;
	color:#fff;
	font-size: 14px;
}

 #private-chat {
	margin-bottom:30px;
	background:#fff;
	width:100%;
	height: 600px;
	position: absolute;
	padding:15px;
	z-index: 999;
	top:0;
	right:0;
	display: none;
}


.sticky-top {
    z-index: 500;
}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
 #private-chat {
	margin-bottom:30px;
	background:#fff;
	width:450px;
	height: calc(100vh - 130px);
	position: absolute;
	right:5px;
    top: 0px;
	padding:15px;
	z-index: 900;
	display: none;
}
}



#private-chat h5 {
	float:left;
}

#end-private-chat {
	float:right;
}


#note-drop-area {
	position: relative;
}


#drag-note {
	position: absolute;
	z-index: 1500;
	width:450px;
	top:100px;
	right:200px;
	height: 250px;

}


#footer-notes {
	position: sticky;
	bottom:15px;
	margin:0px 20px 0px 20px;
	display: none;
}


#footer-notes .card-body {
	padding:5px 20px 20px 20px;
}


#footer-notes textarea {
	height: 100px;
}


ul.modal-multi-control {
	list-style-type: none;
	float:right;
	padding:0px;
}

ul.modal-multi-control li {
	display: inline-block;
	margin-left:10px;
}


/* Booth Material Special */


.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: 13px
}

.ribbon-wrapper.setup {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: -3px
}


.ribbon {
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 15px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    right: -11px;
    top: 10px;
    width: 100px;
    height: 28px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.ribbon:before,
.ribbon:after {
    content: "";
    border-top: 3px solid #9e9e9e;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}

.ribbon:before {
    left: 0
}

.ribbon:after {
    right: 0
}

.ribbon.special {
    background-color: #6CA7F7;

}

.ribbon.special:before,
.ribbon.special:after {
    border-top: 3px solid #3E3E3E;
}


/* Floating Labels */

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.form-group.pmd-textfield {
	margin:0px;
}

/*!
 * Propeller v1.3.1 (http://propeller.in): textfield.css
 * Copyright 2016-2018 Digicorp, Inc.
 * Licensed under MIT (http://propeller.in/LICENSE)
 */
.pmd-textfield-focused {
  position: relative;
  top: -1px;
  z-index: 2;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #4285f4;
  transition: transform .2s cubic-bezier(.4, 0, .2, 1) 0s;
  -ms-transform: scaleX(0);
      transform: scaleX(0);
}

.pmd-textfield.pmd-textfield-floating-label-active .pmd-textfield-focused {
  -ms-transform: scaleX(1);
      transform: scaleX(1);
}

.form-group.pmd-textfield {
  margin-bottom: 1rem;
  line-height: 1.375rem;
}

.pmd-textfield .form-control {
  padding: 0;
  padding-bottom: .375rem;
  font-size: 1rem;
  background: transparent;
  border: none;
  border-bottom: solid 1px #e6e6e6;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.pmd-textfield input.form-control {
  height: inherit;
}
.pmd-textfield textarea.form-control {
  height: 80px;
}
.pmd-textfield label {
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: normal;
  line-height: 1.4;
  color: rgba(0, 0, 0, .54);
}

.pmd-textfield-floating-label {
  position: relative;
}
.pmd-textfield-floating-label label {
  margin: 0;
  /*margin-bottom: .25rem;*/
  font-size: 1rem;
  /*line-height: 1.5rem;*/
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .2s;
  -ms-transform: translateY(20px);
      transform: translateY(20px);
}
.pmd-textfield-floating-label .form-control {
  position: relative;
}
.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
  font-size: .875rem;
  color: rgba(0, 0, 0, .54);
  -ms-transform: translateY(0px);
      transform: translateY(0px);
}

.pmd-textfield.has-success .form-control {
  color: #259b24;
  border-color: #259b24;
}
.pmd-textfield.has-success .form-control ~ .pmd-textfield-focused {
  background-color: #259b24;
}
.pmd-textfield.has-success .form-control ~ .has-error-text {
  display: block;
  color: #259b24;
}
.pmd-textfield.has-success .form-control:focus {
  box-shadow: none;
}

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-success label {
  color: #259b24;
}

.has-success .control-label,
.has-success .help-block {
  color: #259b24;
}

.pmd-textfield.has-warning .form-control {
  color: #ffc107;
  border-color: #ffc107;
}
.pmd-textfield.has-warning .form-control ~ .pmd-textfield-focused {
  background-color: #ffc107;
}
.pmd-textfield.has-warning .form-control ~ .has-error-text {
  display: block;
  color: #ffc107;
}
.pmd-textfield.has-warning .form-control:focus {
  box-shadow: none;
}

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-warning label {
  color: #ffc107;
}

.has-warning .control-label,
.has-warning .help-block {
  color: #ffc107;
}

.pmd-textfield.has-error .form-control {
  color: #ff5722;
  border-color: #ff5722;
}
.pmd-textfield.has-error .form-control ~ .pmd-textfield-focused {
  background-color: #ff5722;
}
.pmd-textfield.has-error .form-control ~ .has-error-text {
  display: block;
  color: #ff5722;
}
.pmd-textfield.has-error .form-control:focus {
  box-shadow: none;
}

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-error label {
  color: #ff5722;
}

.has-error .control-label,
.has-error .help-block {
  color: #ff5722;
}

.pmd-textfield.has-error .form-control:invalid {
  color: form-state-colors("error");
}
.pmd-textfield.has-error .form-control:invalid ~ .pmd-textfield-focused {
  background-color: form-state-colors("error");
}
.pmd-textfield.has-error .form-control:invalid ~ .has-error-text {
  display: block;
  color: form-state-colors("error");
}

.help-block {
  margin-top: 0;
  font-size: 14px;
}

.has-error-text {
  display: none;
}

.form-group-lg.pmd-textfield .form-control {
  height: 44px;
  font-size: 1.25rem;
  line-height: 1.33333;
}
.form-group-lg.pmd-textfield label {
  font-size: 1rem;
}
.form-group-lg.pmd-textfield-floating-label label {
  font-size: 1.25rem;
  -ms-transform: translateY(36px);
      transform: translateY(36px);
}
.form-group-lg.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
  font-size: 1rem;
  -ms-transform: translateY(0);
      transform: translateY(0);
}

.form-group-sm.pmd-textfield .form-control {
  height: 30px;
  font-size: .875rem;
  line-height: 1.33333;
}
.form-group-sm.pmd-textfield label {
  font-size: .625rem;
}
.form-group-sm.pmd-textfield-floating-label label {
  font-size: .875rem;
  -ms-transform: translateY(28px);
      transform: translateY(28px);
}
.form-group-sm.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
  font-size: .625rem;
  -ms-transform: translateY(0);
      transform: translateY(0);
}

.pmd-textfield .input-group-addon {
  padding: 0;
  background-color: transparent;
  border: none;
}
.pmd-textfield .input-group-addon:first-child {
  padding-right: 16px;
}
.pmd-textfield .input-group-addon:last-child {
  padding-left: 16px;
}
.pmd-textfield .input-group .form-control {
  z-index: inherit;
  float: inherit;
}

.pmd-input-group-label {
  padding-left: 40px;
}


.pmd-textfield .form-control[disabled],
.pmd-textfield fieldset[disabled] .form-control {
    cursor: not-allowed;
}

/* LOADING SPINNER */

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 1050;
  height: 1em;
  width: 1em;
  overflow: show;
  margin: auto;
  top: 20px;
  right: 20px;

}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 6px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}