html, body {height:100%;}

body {
	font-family: niveau-grotesk, sans-serif;
	font-size: 16px;
	font-weight:300;
}

html{height: -webkit-fill-available;}


body.light {
	line-height: 1.4;
	background: linear-gradient(to bottom, #eeeeee, #ffffff) no-repeat 0 0
}

body.dark {
	line-height: 1.4;
	background: linear-gradient(to top, #1b316a, #323232) no-repeat 0 0;
	/*background:#343a40;*/
}

h1, h2, h3, h4, h5, h6 {color:#323232;
	font-weight: 600;}



a, a:not(.btn) {font-weight:600;
text-decoration: underline;
color:#1b316a;}

a:hover {color:#2d4a7c}

a.btn, a.nav-link, a.dropdown-item   {text-decoration:none;}


.chatting a,.subnav a, .subnav * {text-decoration:none;
	font-weight:300
}


.subnav .dropdown-item a,
.subnav a.dropdown-item,
#this-company .subnav .more-nav a.dropdown-item  {
	color: #1b316a;
}

#this-company .subnav .more-nav .dropdown-menu {z-index:1050}

.dropdown-item.active, .dropdown-item:active {
    color: #fff!important;
    background-color: #323232
}

.like-dislike input[type="radio"]{
	position:relative;
	width:1.25rem;
	height:1.25rem;
}

.like-dislike  input[type="radio"]:before {font-family:FontAwesome;
	position:absolute;            
	background:#ffffff;
	color:#454555;
	width:1.5rem;
	height:1.5rem;
	left:0;
	top:0;
	line-height:1;
	z-index:1000;
	cursor: pointer} 
	
	
.like-dislike  input.likeit[type="radio"]::before {content:'\f164';
}
	
.like-dislike  input.dislikeit[type="radio"]::before {content:'\f165';
}
	
/*I dont know id you found it useful         */
.like-dislike  input.likeit[type="radio"]:checked::before,
.like-dislike  input.likeit[type="radio"]:hover::before {color:#10c300}        
	
.like-dislike  input.dislikeit[type="radio"]:checked::before,
.like-dislike  input.dislikeit[type="radio"]:hover::before {color:#db2c2c}


.form-group input{padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem;}

#this-company .this-booth .card.card-body.rounded,
.this-booth .card.card-body.rounded
 {background:transparent;
border:none;}

a.navbar-brand:hover {
	background: #ffffff
}

.subnav .list-group-horizontal li.dropdown-item.list-group-item a .fa {
	display: block;
	margin: auto
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
 background-color: #1b316a;
}

.subnav h5, .subnav .more-nav .dropdown .btn{
	font-size: 1rem;
	transition:linear-gradient 0.5s ease-in;
}

#this-company .subnav .more-nav .dropdown .btn.btn-secondary:hover,
#this-company .subnav .more-nav .dropdown .btn.btn-secondary:focus,
#this-company .subnav .more-nav .dropdown .btn.btn-secondary:focus-within,
#this-company  .subnav .more-nav .dropdown .btn.btn-secondary:active,
#this-company  .btn-secondary:not(:disabled):not(.disabled).active, 
#this-company  .btn-secondary:not(:disabled):not(.disabled):active, 
#this-company .show > .btn-secondary.dropdown-toggle {
	background: linear-gradient(to top, #dddddd, #ffffff)!important;
}

.subtitle {
	color: #1b316a;
	display: block;
	margin-top: -0.5rem;
	margin-bottom: 1rem;
	padding-top: 0;
	font-size: 1.2rem;
}

.subtitle .d-block.d-md-inline.small {
	color: #999;
	text-transform: uppercase;
}

.welcome,
.date,
.help-time,
.chat-time,
.help-date,
.chat-date,
.chat-name,
.instructions,
.badge
{ 
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

.welcome {padding-bottom:0.25rem;
border-bottom:1px dotted #757575;
margin-bottom:2rem;}


.counter {
	font-weight: 400
}

.pt-md-55 {
	padding-top: 5.5rem;
}

/* under header.fixed-top*/
.pt-md-95 {
	padding-top: 9.5rem;
}

.site-title,
.h-title {
	color: rgba(33, 33, 33, 0.5)
}

 .container-fluid, .overflow-hidden  {
	overflow-x: hidden
}

.navbar {
	padding:0 1.25rem;
	background: #ffffff;
}

.navbar.navbar-shadow {
	box-shadow: 0 1px 2px rgba(33, 33, 33, 0.3);
}

.navbar-toggler {
	border: none;
}

/*.navbar-toggler-icon {border:1px solid #ff7700}*/


/* .link-icon, */
/*.btn,*/
/* .card, */
/* .card-footer:last-child, */
.sidebar-footer:last-child,
.card.notebook,
.list-group,
/* .nav-tabs .nav-link, */
.list-group,
.list-group-item,
.list-group-horizontal > .list-group-item:first-child,
.list-group-horizontal > .list-group-item:last-child {
	border-radius: 0;
}

.list-group li.selected-chat {
	background: #323232;	
}

.list-group li.selected-chat a {
	color: #ffffff
}



.navbar-expand .navbar-nav .nav-link {
	padding: 0.75rem 1.25rem;
	min-width: 80px;
	text-align: center;
	margin-right: 1rem;
	line-height: 1;
	border-radius: .3rem;
	text-decoration:none;
	font-weight:400;

} 


/* edited buttons */

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

		#this-company .btn-primary,
		.btn-primary, 
		.btn-outline-success,
		.swal-button--cancel, 
		.swal-button--logout,
		.swal-button--confirm
			{padding: 0.5rem 1rem;
			margin-bottom: 0;
			color: #ffffff !important;
		}


		#this-company .btn-primary:hover,
		.btn-primary:hover,
		.btn-outline-success:hover,
		.swal-button--cancel:hover,
		.swal-button--logout:hover,
		.swal-button--confirm:hover,
		#this-company .btn-primary:focus,
		.btn-primary:focus,
		.swal-button--confirm:focus,
		.btn-outline-success:focus, 
		.swal-button--cancel:focus, 
		.swal-button--logout:focus,
		#this-company .btn-primary:active,
		.btn-outline-success:active,
		.swal-button--logout:active,
		.swal-button--confirm:active
		{color: #ffffff;
		box-shadow: none;
		}


		.btn-secondary,
		a.btn-secondary,
		.btn-outline-secondary,
		.btn-outline-primary,
		.swal-button.swal-button--leave,
		.btn-outline-default,
		.swal-button--cancel  
			{padding: 0.5rem 1rem;
			background: #ffffff;
			border: 1px solid #eeeeee;
			box-shadow: none;
			}


		.btn-secondary:hover, 
		.swal-button.swal-button--leave:hover,
		.btn-outline-default:hover,
		.btn-outline-secondary:hover,
		.btn-outline-primary:hover,
		.swal-button--cancel:active
			{border: 1px solid #eeeeee;
				box-shadow: none;	
			}

		.btn-secondary:focus, 
		.btn-outline-default:focus, 
		.btn-outline-primary:focus,
		.btn-secondary:active, 
		.btn-outline-default:active, 
		.btn-outline-secondary:active,
		.btn-outline-primary:active,
		.swal-button--cancel:focus,
		.swal-button--cancel:active
			{box-shadow:none;
		}


		.btn.focus, .btn:focus, .custom-switch  input.custom-control-input:focus {
			box-shadow: none!important;
		}


.btn-group-lg > .btn,
.btn-lg {
	line-height: 2;
}

.btn-group .btn {
	box-shadow: none
}


@media screen and (max-width:768px) { 
	#navbar-menu .navbar-nav .nav-link {
	font-size:small!important;
	margin-right:0;
	}

}


.btn-secondary.help,
a.btn-secondary.help {
	color: #007dc3;
	border: 1px solid #007dc3;
	border-top: none;
	border-right: none;
	border-bottom: 4px solid #dedede;
	border-left: none;
	background: linear-gradient(to top, #dedede, #ffffff);
	font-size: small;
	height: 28px;
	line-height: 1;
	margin: 0 12px;
	padding-right: 0;
	padding-left: 0;
}


.btn-secondary.help,
a.btn-secondary.help
	{background: linear-gradient(to top, #007dc3, #1b316a)
}

.badge {
	border-radius: 0;
}

.badge-primary {
	/*background: #007dc3*/
	background: #1b316a
}

.badge-success {
	background: #417e4f;
}


.badge.badge-lg {
	font-size: 100%;
}

.badge-light {
	background: #dddddd
}

.badge-dark.help-date {
	color: #fff
}

.disabled {
	background: #cccccc !important;
	color: #dddddd !important;
}

.nav-link.disabled::after {
	background: #dddddd
}

.nav-tabs.special {
	border-bottom: none;
	position: relative;
}

.nav-tabs.special .nav-item
 {  border:none;
	font-weight: 500;
	margin-bottom: 0;
	padding-bottom:0;
	text-align:center;
	width:50%;
}


@media screen and (max-width:768px){
.nav-tabs.special .nav-item,
.nav-tabs.special .nav-item .nav-link
 {width:100%!important;
}
}

.nav-tabs.special .nav-item a {text-decoration:none}

.nav-tabs.special .nav-item .nav-link {padding-top:1rem;
	background: transparent;
	border:none;
	border-color: rgba(225, 225, 225, 0.0);
	border-radius: 0;
}


.nav-tabs.special .nav-item .nav-link:hover, 
.nav-tabs.special .nav-item .nav-link.active {
	position: relative;
	margin-bottom:0;
	padding-bottom:0.5rem;
	border-bottom: 4px solid #007dc3; /* this company text color */
	color: #343A4A;
	background: rgba(0, 125, 195, 0.08) /*it must be color the company color 1  transparency of 8% */;
	z-index: 100;
}


/* ==============TABS TABS TABS TABS TABS TABS ON mobile=======*/

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

	#present-at-event.tab-pane.fade.card.card-body {
		display: contents;
	}

	#how-it-works.tab-pane.fade.card.card-body {
		display: contents;
	}

	#present-at-event div.rescue,
	#how-it-works div.rescue {
		margin: 0 0;
		padding: 0.5rem;
		background: #fff;
		/* border: 1px solid #dddddd */
	}

}


/* ==============TABS TABS TABS TABS TABS TABS=======*/


.cf-date {min-width:155px}

.cf-date,
.cf-name {
	/* padding: 0.5em; */
	line-height: 1.5;
}

.cf-name {
	font-size: 1.75em;
}

.exhibitors {
	position: relative;
	overflow: hidden;
	padding: 1rem;
	margin: 0 0 0.5rem 0
}


.exhibitors .img-thumbnail {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 200px;
	width: 200px;
	overflow-y: hidden;
	border-color: transparent
}

#exhibitorPanel .exhibitor-title {
	margin-right: -0.25rem;
	margin-left: -0.25rem;
	text-align: center;
	font-weight: 300
}

.avatar {
	width: 100px;
	height: 100px;
	object-fit: cover;
	image-rendering: -webkit-optimize-contrast;
	border: 1px solid #cccccc
}

.avatar.xsm {
	width: 42px;
	height: 42px;
}

.img-bordered,
.border-ddd {
	border: 1px solid #ddd
}
.border-top-light{ 
border-top: 1px solid rgba(0,0,0,.125)}


.border-gray-light {
	border: 1px solid #ccc
}

.exhibitors.platinum {
	border: 1px solid #f8d6ec
}

.exhibitors.gold {
	border: 1px solid #f6d98b
}

.exhibitors.silver {
	border: 1px solid #8ccdf2
}

/* footers styles */

 /* "push" important class making the footer flexibly sticky */
.push {height:100px;} 

footer {
	background: #efefef;
	width: 100%;
	height: 100px;
	color: #333333;
	letter-spacing: 1px;
	padding: 1rem 3rem;
	box-shadow: 0 -1px 2px rgba(33, 33, 33, 0.3);
}

.logo-md {
	width: 200px
}


footer a {
	color: #ffffff;
	text-decoration: none;
}

footer a:hover {
	color: #007dc3;
	text-decoration: none;
}

.this-company-footer {
	padding: 1rem;
	text-align: center;
}

.this-company-footer .logo-footer img {
	max-height: 36px;
	margin-right: 1rem;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4)
}

.this-company-footer .link-icon {
	font-size: 24px;
	width: 42px;
	height: 42px;
	line-height:1.75;
	text-align: center;
	/*background: #5e82a3;*/
	color: #ffffff;
	margin-right: 1rem;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	border-radius: 50%
}

/*.this-company-footer .logo-footer img:hover,*/
.this-company-footer .link-icon:hover {
	box-shadow: 0 2px 3px rgba(29, 60, 110, 0.75)
}


#this-company-logo img {
max-height: 80px !important;
}



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

	#this-company-logo {
		max-width: 220px;
		overflow-y: hidden;
	}

	/* #this-company-logo img {
		max-width: 50%;
	} */
}


/*if fixed-top nav, this must be implemented */
#this-company-body {
	 padding-top: 1rem;
	padding-bottom: 1rem; 
	min-height: 100%;
    margin: 0 auto -55px;
}


/*ribbon*/

.ribbon {
	width: 200px;
	position: absolute;
	top: 20px;
	left: -50px;
	text-align: center;
	line-height: 25px;
	letter-spacing: 1px;
	color: #f0f0f0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	box-shadow: 0 -3px 4px rgba(0, 0, 0, .3);
}


.ribbon.top-right {
	text-align: center;
	padding-left: 1rem;
	top: 25px;
	right: -50px;
	left: auto;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.booth-entrance.card .ribbon.top-right {
	text-align: center;
	padding-left: 26%;
	top: 0;
	right: -50px;
	left: auto;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.ribbon.platinum {
	background: linear-gradient(to right, #fb02a0, #f8d6ec)
}



.ribbon.gold {
	/*background: #fbb802*/
	background: linear-gradient(to right, #fbb802, #f6d98b)
}



.ribbon.silver {
	background: linear-gradient(to right, #05a0f9, #8ccdf2)
}



a,
.btn,
a:hover,
.btn:hover,
a::after,
a::before {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	outline: none;
}


.gradient {
	display: block !important;
	content: '';
	width: 100%;
	height: 8px;
	background: linear-gradient(to right, #1b316a, #007dc3)
}

.number {
	display: block;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
	line-height: 1;
	/*color:#007dc3*/
}

.spaced-out-1 {
	letter-spacing: 1px
}

.spaced-out-2 {
	letter-spacing: 2px
}

.spaced-out-3 {
	letter-spacing: 3px
}

.text-gray {
	color: #454545;
}

.text-em-gray {
	color: rgba(33, 33, 33, 0.5)
}

.bg-em-gray {
	background: rgba(33, 33, 33, 0.3)
}

.bg-dark-gradient {
	background: linear-gradient(to left, #cccccc, #eeeeee) no-repeat 0 0
}

.shadow-dark {
	box-shadow: 0 .3rem 1rem -0.5rem rgba(0, 0, 0, 0.75) !important
}


.text-yellow {
	color: #fab335;
}

.text-yellow-light {
	color: #f9d28e
}

.text-blue {
	color: #007dc3
}


.text-white-tranparent {
	color: rgba(255, 255, 255, 0.2)
}


.bg-blue {
	background: #007dc3
}

.bg-blue-light {
	background:rgba(0, 105, 217 , 0.4)

	
}

.text-blue-dark {
	color: #1b316a
}


.text-shadow-dark-sm {text-shadow:0 1px 1px rgba(0,0,0,0.3)}

.bg-blue-dark {
	background: #1b316a
}

.bg-blue-dark-light {
	background: rgba(0, 47, 102, 0.3)
}

.bg-yellow {
	background-color: rgba(250, 179, 53, 1.00)
}

.bg-yellow-light {
	background-color: rgba(250, 179, 53, 0.3)
}

.bg-transparent {
	background-color: transparent
}

.bg-black-gray {
	background-color: #121212;
}


.w-25 {
	max-width: 25%;
}

.w-33 {
	max-width: 33%;
}


.w-85 {
	width: 85%;
}


.video-container {
	padding: 2rem;
	border: 1px solid #eeeeee
}


.btn-secondary.fb-bg-color {
	background: #4064ac
}


.btn-secondary.in-bg-color {
	background: #0e76a8
}


.btn-secondary.g-bg-color {
	background: #4885ed
}


/* ===rating===rating===rating===rating  */

.rate {
	width: 15rem;
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rate:not(:checked) > input {
	display: none;
}

.rate:not(:checked) > label {
	float: right;
	width: 3rem;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 3rem;
	color: #ccc;
}

.rate:not(:checked) > label:before {
	content: "\2605";
}

.rate > input:checked ~ label {
	color: #ffc700;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
	color: #deb217;
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
	color: #c59b08;
}

.fa.fa-star {
	color: #cccccc
}

.fa.fa-star.checked {
	color: #f9a20a
}

/* ===//rating -- end */
.card.booth-entrance {
	min-width: 280px;
	max-width: 280px;
	max-height: 325px;
	font-size: 15px;
	margin-bottom: 1rem;
	overflow: hidden;
	position: relative;
	box-shadow: 0 6px 10px -2px rgba(0, 0, 0, 0.35)
}

.card.booth-entrance .card-body {
	/* min-height:200px; */
	background: #ffffff;
	overflow: hidden
}

.booth-entrance .card-body {
	background: linear-gradient(to bottom, #eaeaea, #ffffff);
	padding: 0.75rem
}

.card.booth-entrance .list-unstyled li {
	margin-bottom: 1rem;
}


.list-group.list-group-flush {
	border-top: 0;
}

.list-group-item.list-group-item-sm,
.item-sm {
	padding: 0.25rem
}

.collapsed {
	cursor: pointer
}

/*CHATS*/

#chatBody .media.w-75 {margin-bottom:1.5rem;}

.message {
	margin-bottom: 1rem;
	padding: 0.5rem;
	width: 100%;
	display: block;
	border: 1px solid #ccc;
	border-radius: 0 7px 0 4px
}


.message.my-message {
	border-radius: 7px 4px 0px 4px;
	background: #ededed;
}


.help-time,
/* .chat-time, */
.help-date,
.chat-date {
	/* float: right; */
	font-size: x-small;
	margin-left: 3rem;
	color: #777777;
	margin-top: 0.3rem
}


.card .card-body.booth-chat-body *,
.message,
.form-control::placeholder,
textarea,
.custom-file-label,
.temp-typing-holder {
	font-family: sans-serif;
	font-size: 0.9rem;
}

.temp-typing-holder {
position:absolute; 
top:-1.5rem;
left: 1rem;
font-style: italic;
min-width:300px;
color:#aaa;
}

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

/* the typing-in-progress css is based on:
* three-dots.css v0.1.0
* https://nzbin.github.io/three-dots/
* Copyright (c) 2018 nzbin
* Released under the MIT license */


.typing-in-progress{
	top:0.3rem;left:1rem;
	margin-right:1rem;
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #007dc3;
	color: #007dc3;
	animation: typeProgress 1s infinite linear alternate;
	animation-delay: .5s;
  }
  
  .typing-in-progress::before, .typing-in-progress::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
  }
  
  .typing-in-progress::before {
	left: -10px;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #76b9e2;
	color: #76b9e2;
	animation: typeProgress  1s infinite alternate;
	animation-delay: 0s;
  }
  
  .typing-in-progress::after {
	left: 10px;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #1b316a;
	color: #1b316a;
	animation: typeProgress  1s infinite alternate;
	animation-delay: 1s;
  }

  @keyframes typeProgress {
	0% {
	  background-color: #1b316a;
	}
	50% {
		background-color: #007dc3;
	  }
	100% {
	  background-color: #509bca;
	}
  }
/*   ******************************   */

.message  .chat-time {
position:absolute; 
bottom: -0.75rem;
right:1rem;
font-size:0.75rem!important;
color:#777777;
}

.message.my-message .chat-time {
	position:absolute; 
	bottom: -0.5rem;
	right:0.3rem;
	font-size:0.75rem!important;
     color:#777777;
}


textarea.bg-my-message {
	background: rgba(0, 47, 102, 0.2)
}

.chat-name {
	position: absolute;
	top: 0;
	font-size: 0.8rem;
}

/* .chat-name.recruiter-name,
.chat-name.candidate-name {
	left: 40px
} */

.chat-name.my-name {
	right: 0;
}


.media,
ul.position-relative li {
	position: relative;
}

.chat-scroll {
	min-height: 400px !important;
	max-height: 480px !important;
	overflow-y: auto !important;
}


/*styles specific to .help-desk#help-desk  chat*/

.help-desk#help-desk {
	padding: 0;
	position: fixed;
	right: 1rem;
	bottom: 0;
	max-width: 480px;
	box-shadow: -2px -2px 20px rgba(0, 0, 0, 0.3);
	z-index: 1000;
}

#help-desk card .help-desk .message {
	max-width: 90%;
}



.help-desk .card-footer {
	z-index: 1000;
	background: #eeeeee;
	border-top: 1px solid #007dc3
}

.help-desk .form-control.no-borders {
	border: 1px solid #fff;
	outline: none
}

/*//chats*/

.content-relative {
	position: relative;
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.5)
}

.card-body.this-booth-bg-img {
	position: relative;
	min-height: 300px;
}


/*This booth  styles*/


.booth-logo {
	max-width: 145px;
	/* height: 44px; */
}


#chatBody.booth-chat-body {
width:100%;
/*max-height:50vh!important;*/
overflow-y:scroll;
/*height: -webkit-fill-available*/
}



.position-title,
.chat-recruiter {
	font-size: small;
	text-transform: uppercase;
}

/* .bg-postit {
	background: #eeeeff;
	 background: #e8dfe4 
} */

.bg-postit textarea {
	background: #fffeee
}

/* .bg-postit.bottom-border {
	border-bottom: 4px solid #ccccdd
} */

#this-chat {
	position: relative
}

.card.notebook,
.transfer-recruiter {
	position: absolute;
	border: 3px solid #ffffff;
	bottom: 5%;
	left: 0;
	right: 0;
	z-index: 120
}

.card.notebook .notebook-body {
	padding: 0 10px 0 2px;
	max-height: 255px;
	overflow-y: auto
}


.transfer-recruiter {
	bottom: 0;
	z-index: 150
}


.this-transfer-candidate::before 

.candidate-note::before{
	content: "Candidate:";
	display: inline-block;
	color: #1b316a;
	margin-right: 0.5rem;
}


.chat-history-nav {
	margin-top: 20px
}

.input-group-text.prepend-custom-input {
	height: 2.2rem
}

.modal-content {
	overflow-y: auto;
}

.modal-dialog.modal-xlg {
	max-width: 75%
}


.toggle.btn {
	width: 100% !important;
	box-shadow:0 0.1rem 0.3rem -0.1rem rgba(0,0,0,0.2)
}

.toggle-group .toggle-on {
	text-transform: none;
}

.toggle-handle {
	background: linear-gradient(to left, #555, #121212);
	width:35px!important;
	border:none;
	transition: background 0.2s ease-out;
}

.toggle-handle:hover {
	background: linear-gradient(to left, #777777, #121212);
	border:none;
	transition: background 0.2s ease-out;
}

.btn.narrow-search {border-radius: .25rem .25rem 0 0}

.custom-select[multiple].search-emp-cat,
.custom-select[multiple].job-categories {
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	padding-top: 0;
	padding-bottom:0;
	border: none;
	min-height:155px;
	overflow-y: scroll;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc
}


.custom-select[multiple].search-emp-cat#search-employers,
.custom-select[multiple].search-emp-cat#search-states{
	margin-top: 1.25rem;
}



.custom-select[multiple].search-emp-cat option {
	border-right: 1px solid #cccccc;
	border-bottom: 1px dotted #cccccc;
	border-left: 1px solid #cccccc;
	padding: 4px 18px 2px 12px;
	overflow-x: hidden;
	text-overflow: ellipsis;
}


.custom-select[multiple].search-emp-cat option:last-child{border-bottom:none;
} 

 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
	padding-right: 0;
	padding-left:0;
	border-color: #fff;
} 


/* @media screen and (min-width:768px) { 
	.custom-select[multiple].search-emp-cat {
	min-height: 120px;
}

	.custom-select[multiple].job-categories {
	 height: 320px
	}
} */

.card-note-fairground {
    position: absolute;
    z-index: 1040;
    left: 25%;
}

.search-emp-cat option {
	font-size: 14px;
}


.search-emp-cat option:first-child {
	font-weight: 700;
}


/*on edit booth tab*/
.job-category-list {
	max-height: 250px;
	overflow-y: scroll;
}

a .fa-chevron-circle-down,
a .fa-plus-circle {
	display: none;
}

a .fa-chevron-circle-up,
a .fa-minus-circle {
	display: inline-block
}

a.collapsed .fa-chevron-circle-up,
.collapsed fa-chevron-circle-up a.collapsed .fa-minus-circle {
	display: none;
}

a.collapsed .fa-chevron-circle-down,
.collapsed .fa-chevron-circle-down,
a.collapsed .fa-plus-circle {
	display: inline-block;
}


.my-note {
	margin: 0.5rem 0;
	border-bottom: 2px solid #dddddd;
	padding-bottom: 0.25rem;
	margin-bottom: 1rem;
}

.my-chats {
	border-bottom: 4px solid #007dc3
}

.border-bottom-dark-blue {
	border-bottom: 4px solid #1b316a
}

.card-note-fairground {
	position: absolute;
	z-index: 1040;
	left:0;
}

.card-note-fairground .card-header.collapsed:after,
.card-note-fairground .card-header :after  {
	display: inline-block;
	content: "";
	border-top: .35em solid;
	border-right: .35em solid transparent;
	border-bottom: 0;
	border-left: .35em solid transparent;
	position: absolute;
	top: 1.75rem;
	right: 15px;
	color: #007dc3;
	transform: rotate(0deg);
	transition: all 0.3s linear
}

.card-note-fairground .card-header[aria-expanded="true"] :after {
	transform: rotate(-180deg)!important;
}
@media screen and (max-width: 992px) {
	.card-note-fairground.w-50, 
		.card-note-fairground.w-75  {
			width: 94% !important;
			left: 1rem !important;
		}
	}
	

@media screen and (max-width: 786px) {
	.about-this-company.w-33 {
		max-width: 100% !important;
		clear: both;
	}


}


@media screen and (max-width: 576px) {
	.register-today {
		padding: 1rem;
		background: #333333;
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100%;
		z-index: 100;
		box-shadow: 0 -4px 20px -4px rgba(0, 0, 0, 1) !important;
		margin-top: 5rem !important;
		text-align: center
	}

	.row.send button#send{width:100%!important;}
}


.chat-transcript {
	padding: 0.5rem 1rem;
}

.chat-transcript ul li,
.my-note {
	font-size: 13px;
}

.chat-transcript ul li {
	margin-left: 30px;
	padding: 2px 6px;
}


.my-note {
	padding: 1rem;
}


.chat-transcript ul li {
	min-height: 33px;
	margin-bottom: 0.3rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px dotted #dddddd
}


.chat-room::after {
	font-family: "FontAwesome";
	content: '\f1ce';
	color: #333333;
	transform: rotate(0deg);
	animation: rotate 3s infinite ease-in-out;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(359deg);
	}
}

.chat-transcript ul li .badge{
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	top: 0;
	left: -2rem;
	bottom: 0;
	position: absolute;
	text-align: center;
	font-size: 11px;
	line-height: 2.5;
	color: #555555;
	padding: 2px;
	font-weight: 800;
	border: 2px solid #dddddd;
	border-radius: 50%;
}


.chat-transcript ul li .badge-transparent{background:#ffffff;
	color:#555555;}

.chat-transcript ul li .badge-secondary{
	color:#ffffff;}


.chat-room:hover::after {
	font-family: "FontAwesome";
	content: '\f0a5';
	color: #7ac143;
	transform: none !important;
}

.chatting {transition: background-color 2s }

.chatting:hover {background-color:#f5f5f5;
cursor:pointer;
}


.chatting:after {
	font-family: "FontAwesome";
	content: '\f2b5';
	color: #7ac143;
}

.chatting .chatTime:hover {cursor:auto}


.chatting:after ,
#refreshRecruiters .fa-refresh{
	margin-right:0.5rem;
	font-size:1.25rem;
	cursor:pointer
}

.completed-chat:after {
	font-family: "FontAwesome";
	content: '\f10c';
	color: #333333;
	font-size:1.25rem
}


.new-msg-dot span :after {
	font-family: "FontAwesome";
	content: '\f111';
	font-size: 0.5rem;
	color: #ff3333;
	margin-left: 0.3rem;
}


.fa-xlg {
	font-size: 74px;
}


.date::before {
	content: '[';
	display: inline
}

.date::after {
	content: ']';
	display: inline
}


.past-cf {
	background: #dedede;
}


label,
h6.label {
	color: #40638c;
}

.editable {
	font-size: 1rem;
	position: relative;
	cursor: pointer;
	padding-bottom: 0.3rem;
	border-bottom: 1px dotted #995500
}

.editable::before {
	display: inline-block;
	font-family: "FontAwesome";
	content: '\f040';
	color: #007dc3;
	position: absolute;
	top: 0;
	left: -1rem;
}

.editable.edit-right::before {
	top: 0.2rem;
	left: 98%;
}


.for-browse-btn {
	display: inline-block;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	border: 1px dotted #ccc;
	padding: .375rem .75rem .375rem .25rem;
	font-size: 1rem;
	line-height: 1.5;
}


.pl-8 {
	padding-left: 8rem
}

.pos-al-1 {
	position: absolute;
	left: 1rem;
}

.border-top-bluish {
	border-top: 1px dotted #40638c
}

.border-left-bluish {
	border-left: 1px dotted #40638c
}

.border-bottom-bluish {
	border-bottom: 1px dotted #40638c
}

.border-right-bluish {
	border-right: 1px dotted #40638c
}

.wrap {
	position: relative;
	width: 100%;
	min-height: 250px;
	position: relative;
	border: 1px solid #ddd;
	border-left: 40px solid #495057;
	display: inline-block;
	padding: 0.25rem 0.25rem 0.25rem 0.5rem;
}

.wrap h3 {
	font-size: 1rem;
	color: white;
	text-transform: uppercase;
	letter-spacing: 3px;
	position: absolute;
	top: 40%;
	/* 92px;*/
	left: 0;
	margin-left: -112px;
	transform: rotate(270deg);
}


.wrap h3.ml-n72 {
	margin-left: -72px;
}


.wrap h3.ml-n91 {
	margin-left: -91px;
}


.wrap h3.ml-n94 {
	margin-left: -94px;
}

.wrap h3.ml-n106 {
	margin-left: -106px;
}

.wrap h3.ml-n117 {
	margin-left: -117px;
}

.wrap h3.ml-n124 {
	margin-left: -124px;
}

.wrap .form-group.row {
	margin-right: 0;
	margin-left: 0;
	padding-right: 4px;
	padding-left: 4px;
}


.wrap-footer {
	margin-top: 0.25rem;
	border-top: 4px solid #333;
	padding-bottom: 0.5rem;
	text-align: right
}


.shadow-em {
	box-shadow: 0 4px 18px -4px rgba(0, 0, 0, 0.75)
}

.info-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	text-align: center;
	background-color: #ef9f07;
	color: #ffffff;
	position: relative;
	top: -5px;
	cursor: pointer
}



data-toggle[type=collapse] {
	cursor: pointer
}

.modal.alert {
	background-color: white;
	width: 478px;
	height: auto;
	padding: 17px;
	border-radius: .3rem;
	text-align: center;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -256px;
	margin-top: -200px;
	overflow: hidden;
	/*display:none;*/
	z-index: 2000;
	color: #575757
}



.input-group-text {
	color: #1b316a
}

.btn-floating {
	margin-left: 1rem;
	text-shadow: 0 2px 4px #333
}



.chat-category {
	border: 1px solid #eeeeee;
	padding: 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f9f9f9;
	color: #454545;
	margin-top: 0.2rem;
}

.chat-category:after {
	font-family: "FontAwesome";
	display: inline-block;
	content: '\f01d';
	font-size: 1.3rem;
}


.chat-category + ul.list-group li:first-child {
	border-top: none
}


.signature {
	font-style: italic
}


.spinner-grow {
	margin-bottom: 2px;
	margin-right: 5px;
	width: 1.1rem;
	height: 1.1rem;
	-webkit-animation: spinner-grow 4s linear infinite;
	animation: spinner-grow 4s linear infinite;
}


.share-my-file, .select-responses {
	position: absolute;
	background: #ffffff;
	box-shadow: -2px -2px 20px rgba(0, 0, 0, 0.3);
	z-index:1050;
}

.share-my-file {
	left: 0;
	bottom: 3rem;
}

.select-responses {
	right: 0;
	bottom: 3rem;
}


.scroll-380 {
	max-height: 380px;
	overflow-y: scroll
}

.scroll-300 {
	max-height: 300px;
	overflow-y: scroll
}

.scroll-225 {
	max-height: 225px;
	overflow-y: scroll
}

.module#About.collapse:not(.show) {
	display: block;
	height: 3rem;
	overflow: hidden;
}

.module#About.collapsing {
	height: 3rem;
}

.module + a.collapsed::before {
	font-size: 0.9rem;
	content: 'Show More';
}

.module + a:not(.collapsed)::before {
	font-size: 0.9rem;
	content: 'Show Less';
}


.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #1b316a;
	background-color: #1b316a;
}


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

	#this-booth {
		padding-bottom: 440px
	}


	p.lead {
		font-size: 1.2rem;
		text-align: center;
	}


	.booth-logo {
		max-width: 250px !important;
		height: auto;
		margin: 1rem auto 2rem auto;
	}

	.card.booth-entrance {
		min-width: 100% !important;
	}


	.exhibitors .img-thumbnail {
		height: auto !important;
	}


	.exhibitors .img-thumbnail img {
		display: none;
	}


	.exhibitor-home .nav-tabs .nav-link {
		font-size: 12px !important;
		padding: 1rem 0.55rem;
		text-transform: uppercase
	}

}

hr.evm {
	border-top: 1px dotted #333;
	margin: 1rem;
}

hr.dark{
	border-top: 1px dotted #1b316a;
	margin: 1rem 0.5rem;
}

.error {
	border: 1px solid #f20a73
}


.frontside .card {
    max-width: 100%;
    font-size: 1rem;
    word-wrap: normal;
    padding:0;
    text-align: center;
    background: linear-gradient(to top, #e9e9e9, #f9f9f9);
	box-shadow: 0 4px 6px -4px rgba(158, 158, 158, 0.5);
	margin-right:1rem;
	margin-left:1rem
}

@media screen and (min-width:768px) {
.my-profile #profilePhoto.img-thumbnail {max-width:320px;
height:auto;}
}

#profileForm .input-group > .input-group-prepend > .input-group-text {min-width:155px}

#profileForm .input-group > .input-group-prepend > .input-group-text#inputAddDocument {min-width:0;
height:35px;}



/*btn display 100% only on mobile*/
@media screen and (max-width:567px) {
	.btn-sm-block {
		width: 100%;
	}
}


.container-fluid.main-container.this-booth.content-relative.hero {
	 min-height: 80vh; 
	/*min-height: 100%; */
	margin: 0 auto -100px;
}


.row.row-cols-2.card-deck .card.col {
max-width: 45%;
margin-left:3%;
}


/* swal overwrite */

.swal-icon{
border-width: 6px;}

.swal-icon--warning  {
border-color: #ffc107!important;
}

.swal-icon--warning__body {background-color: #ffc107!important;}

.swal-title, .swal-text {
	color:#1b316a;
	padding-right: 1.5rem;
	padding-left: 1.5rem;}

.custom-file {border:1px solid transparent;}

.form-control.required:hover,
.custom-file:hover{
	border:1px dotted #d44848
	}

.this-required  {
	position: relative;
	float:right;
	top:-2.75rem;
	right:-1rem;
	font-size:32px;
	color:#d44848;
	height:0
	}


.position-relative{position:relative}

.show-hide-pass {
	width:20px;
	height:20px;
    cursor: pointer;
	position:absolute;
 	top:2.25rem;
	right:0.5rem
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #cccccc!important;
    background-color: #333333!important;
    border-color: #333333;
}
.btn.disabled, .btn:disabled {
   opacity: .55!important;
}


#this-company-logo img {
    max-height: 80px !important;
}


.soundNotifications.btn.this-booth-color  .fa{color:#323232}

tbody#emailList td a.removeSelection {float:right;
margin-right:1.75rem;}


b, strong {font-weight:bold}

.font-xs{font-size: 0.55em}

/* .others-shadow {box-shadow: 0 -.2rem 0.3rem  -2px rgba(0,0,0,0.3)} */



.bg-light-bluish { 
	background: linear-gradient(to bottom, #77ade7, #cfe3f9)
   }
	   
.other-recruiters a.bg-light-bluish:hover {color:#ffffff;}

.upcoming-events-list li:hover,
.upcoming-events-list li.bg-transparent:hover

{ background-image: linear-gradient(to right, #ffffff, #fafafa, #ffffff); transition: background-color 0.5s ease; }

.border-bottom-6 {border-bottom:6px solid #ffc107}

.current-update-mobile {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	height: auto;
	min-height: 100px;
	min-width: 500px;
	width: auto;
	max-width: 500px;
	overflow: none;
	z-index: 10000;
	background: #1f3365;
	border-radius: 5px;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25)
}

.animate {
	animation-duration: 1s;
	animation-name: animate-fade;
	animation-delay: 0s;
	animation-fill-mode: forwards;
}


@keyframes animate-fade {
	0% {
		margin-bottom: 0;
		margin-right: 0;
		opacity: 0;
		transform: scale(0.25, 0.25);
	}

	100% {
		margin-bottom: 100px;
		margin-right: 100px;
		opacity: 1;
		transform: scale(1, 1);
	}
}


.current-update-mobile .btn.dismiss.bg-white {
	position: absolute;
	right: -1rem;
	bottom: -1rem;
	z-index: 2000;
	opacity: 1;
	border-radius: 50%;
	line-height: 1;
	padding: 2px;
	color: #007dc3
}

.square-55{
	width:55px;
	height:55px
}

.posted:before, 
.profession:before, 
.location:before,
.specialty:before {display: inline-block;font-size: small;text-transform:uppercase;font-weight:bold;color:#959595}  

.posted:before {content:"Posted: "} 
.profession:before {content:"Profession: "}  
.location:before {content:"Location: "} 
.specialty:before {content:"Specialty:"} 

.nav-pills .nav-link{border-radius:20px;
padding-top:0.2rem;padding-bottom:0.2rem;
border:0}

.new-rounded{border-radius:25px!important}

.new-rounded-top{
	border-top-left-radius: 25px!important;
	border-top-right-radius: 25px!important;}

.newBoothImage{
	max-width: 180px;
	max-height: 180px;
}