@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Dawning+of+a+New+Day&family=Just+Another+Hand&family=La+Belle+Aurore&family=Yellowtail&display=swap');
@font-face {
	font-family: 'Alex Brush', cursive;
	font-family: 'Dawning of a New Day', cursive;
	font-family: 'Just Another Hand', cursive;
	font-family: 'La Belle Aurore', cursive;
	font-family: 'Yellowtail', cursive;
}
.no-display{
	display: none;
}

@media screen and (min-width: 768px) {
	.mytooltip > .tooltip-inner {
	  width: 35em;
	  max-width:100%;
	  transform: translateX(17.5em);
	 }
}

.mytooltip > .tooltip-inner {
	   max-width:90%;
}

.top-bar {
	color: #FFFFFF;
	font-weight: bold;
  background-size: 100%;
}

.top-apply {
	text-align: right;
	display: block;
	margin-bottom: 10px;
}

.btn-cp {
	border-radius: 25px;
}

.btn-jobdiva-back {
	color: #FFFFFF;
	background-color: #b3b6b7;
	border-radius: 25px;
	margin-right: 20px;
}

.back-text {
	color: #b3b6b7;
}

.job-title-upper {
	margin-top: 0;
	padding-top: 0;
	padding-left: 4px;
	margin-left: 0;
}

.location {
	padding-left: 10px;
}

.job-title {
	margin-top: 0;
	padding-top: 0;
	color: #303030;
	font-size: 17px;
	font-weight: 600;
	text-transform: capitalize;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
}

.job-title:hover {
	color: #00bbec;
	text-decoration: none;
}

.job-row {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.job-row-info-section {
	padding-top: 0;
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 10px;
}

.job-label {
	margin-bottom: 20px;
}

.btn-jobdiva-apply {
	color: #FFFFFF;
	background-color: #00bbec;
	border-color: #00bbec;
	font-weight: bold;
	padding: 5px 30px 5px 30px;
	border-radius: 5px;
	border: 2px solid #00bbec;
}

.btn-jobdiva-apply:hover {
	color: #00bbec;
	background-color: #FFFFFF;
	border: 2px solid #00bbec;
}

.btn-jobdiva-apply.focus, .btn-jobdiva-apply:focus {
	color: #FFFFFF;
	border-color: #00bbec;
	background-color: #00bbec;
}

.send-to-friend {
	display: block;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 10px;
	color: #303030;
}


.description-title {
	color: black;
	font-weight: bold;
}

.description-text {

}

.d-section {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid;
}

.apply-section {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 80px;
}
/*** second **/


.i-bkg {
	background-color: #EEF2F5;
	color: #303030;
	font-weight: 500;
	margin-bottom: 20px;
}

.checkbox {
	margin-left: 10px;
}

.i-s-title {
	margin-bottom: 10px;
}

.btn-jobdiva-search {
	background-color: #00bbec;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #00bbec;
	border-radius: 0px;
}

.btn-jobdiva-search:hover {
	background-color: #FFFFFF;
	color: #00bbec;
	border: 1px solid #00bbec;
}

.btn-jobdiva-search.focus, .btn-jobdiva-search:focus {
	color: #FFFFFF;
	border-color: #00bbec;
	background-color: #00bbec;
}

.number-of-results {
	color: #00bbec;
	font-weight: bold;
}

.faded {
	color: grey;
	font-weight: bold;
}


.search-section {
	margin-top: 20px;
}

.view-all-lnk {
	padding-top: 12px;
	padding-left: 0;
	margin-left: 0;
	color: #969696;
	font-weight: bold;
	cursor: pointer;
}

.view-all-lnk:hover {
	color: #00bbec;
}

.btn-pageno {
	background-color: #969696;
	color: #FFFFFF;
	border-radius: 50%;
	margin-right: 10px;
	cursor: pointer;
	border: solid 1px #ced4da;
}

.btn-pageno:hover {
	background-color: #00bbec;
	color: #FFFFFF;
}

.btn-active-page {
	background-color: #00bbec;
}

.btn-jobdiva-back {
	color: #FFFFFF;
	background-color: #b3b6b7;
	border-radius: 25px;
	margin-right: 20px;
}

.job-sec {
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

.btn-jobdiva-apply-md {
	color: #FFFFFF;
	background-color: #00bbec;
	border-color: #00bbec;
	font-weight: bold;
	padding: 5px 30px 5px 30px;
	border-radius: 25px;
	border: 2px solid #00bbec;
	margin-top: 5px;
}

.btn-jobdiva-apply-md:hover {
	color: #00bbec;
	background-color: #FFFFFF;
	border: 2px solid #00bbec;
}

.pagination-section {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 80px;
}
@media screen and (max-width: 600px) {
 .pagination-section {
    margin-bottom: 110px;
  }
}
.checkb-input {
	color: red;
}

.search-input {
	background-color: #EEF2F5;

}
.search-input:focus{
	background-color: #e0e2e5;
}

.search-label {
	color: #303030;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
}

.jt1 {
	color: #8b8b8b;
	font-weight: 500;
	font-size: 14px;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.71;
	letter-spacing: normal;
}

.jt2 {
	color: #969696;
	font-size: 14px;
	font-weight: lighter;
	cursor: pointer;
}


.job-filter {
	font-size: 14px;
	font-weight: bolder;
}

.clear-all {
	color: #969696;
}

.job-tag {
	background-color: #ffffff;
	border-radius: 3px;
	border: solid 1px #ced4da;
	margin-right: 20px;
/***	margin-top: 10px; **/
	margin-bottom: 10px;
	padding: 10px 20px 10px 20px;
	white-space: nowrap;
	display: inline-block;
	font-size: 13px;
	flex: 0 0 25%;
	max-width: 25%;
}

.job-tags{
/**	margin-top: 20px; **/
	margin-bottom: 10px;
	padding-left: 0px;
}

.j-m {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #969696;
}

.clear-all-jobs-btn {
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #8b8b8b;
}

.clear-all-jobs-btn:hover {
	color: #00bbec;
}

.clickable {
	cursor: pointer;
}

.arrangeby-item {
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	font-weight: bold;
	padding-left: 10px;
}

.arrangeby-item:hover {
	background-color: #00bbec;
	font-weight: 900;
	color: #FFFFFF;
}

.arrangeby-dropdown {
	background-color: #FFFFFF;
	border-width: 0px;
	border-style: none;
	border-color: #FFFFFF;
}

.arrangeby-dropdown:hover {
	color: #60dbff;
}

.job-filter:hover {
	color: #00bbec;
}

.arrangeby-list {
	margin-top: 0px;
}

.not-last-job-in-list {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding-left: 0;
	margin-left: 0;
}
.line-separator {}

.not-last-job-in-list > .line-separator {
	border-bottom: 0.7px solid #ced4da;
	width: 100%;
}

.last-job-in-row {
	margin-top: 10px;
}

.nmobile-hide-text {
	display: initial;
}

.top-banner-links {
	top: 0px;
	float: right;
	text-align: right;
	right: 0px;
	margin-top: -30px;
	padding-top: 0px;
}
.banner-link {
	margin-left: 20px;
	margin-right: 20px;
  cursor: pointer;
  color: #FFFFFF;
}
.banner-link:hover {
  color: #333;
  text-decoration: none;
}

.banner-title {
	font-weight: 900;
}

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

}


@media only screen and (max-width: 1200px) {
	.btn-jobdiva-apply {
		font-weight: bold;
		padding: 4px 16px 4px 16px;
		border: 1px solid #00bbec;
	}

	.btn-jobdiva-apply:hover {
		border: 1px solid #00bbec;
	}

	.job-title {
		font-size: 17px;
		font-weight: 600;
	}
}

@media only screen and (max-width: 900px) {
	.btn-jobdiva-apply {
		padding: 2px 10px 2px 10px;
		border-radius: 5px;
		border: 1px solid #00bbec;
	}

	.btn-jobdiva-apply:hover {
		background-color: #FFFFFF;
		border: 1px solid #00bbec;
	}

	.job-title {
		color: #333;
		font-size: 14px;
		font-weight: 600;
	}

	.job-title:hover {
		text-decoration: none;
	}

	.mobile-hide-text {
		display: none;
	}

	.banner-link {
		margin-left: 10px;
		margin-right: 10px;
	}
	.top-banner-links {
		margin-top: -15px;
	}

	.banner-title {
		font-weight: 500;
		font-size: 24px;
	}
}

button:active {
	/**outline: none;
	border: none;**/
}

button:focus {
	/**outline: 0;**/
}

.btn:active {
	/**outline: none;
	border: none;**/
}

.btn:focus {
	/**outline: 0;**/
}


.form-control {
	border: 0px solid #ccc;
	border-radius: 0px;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}

.searchform-checkbox input {
	background-color: red;
	color: red;
}

.searchform-checkbox input:checked {
	color: blue;
	background: red;
}
input[type='checkbox']:after {
	color: #888;
	background: red;
}
input[type='checkbox']:checked:after {
	color: red;
	background: blue;
}

.select-box select{
	font-weight: 700;
	color: #969696;
	height: 100px;
}

.select-box option {
	font-weight: 700;

	height: 100px;
}

.input-bar {
    display: table;
    width: 100%;
}

.input-bar-item > button {
    margin-left: 5px;
}

.width100 {
  width: 100%;
}
.input-bar .form-group {
    float: left;
    vertical-align: middle;
    width: 90%;
}
.input-bar-item-btn {
  float: left;
  width:10%;
}

.signup-intro-title {
  color: #303030;
	font-size: 18px;
}

.signup-get-started {
  color: #303030;
	font-size: 30px;
	font-weight: bold
}

.signup-intro ul {
  list-style-position: inside;
  list-style-type: circle;
  padding-left:0;
}

.signup-methods-span {
  font-size: 17px;
  font-weight: bold;
  margin-left: 8px;
}

.signup-body {
  margin-top: 50px
}

.sidebar{
  padding:0px;
  padding-top: 20px;
  background-color:#EEF2F5;
}

.sidebar-ul{
  list-style-type: none;
  list-style-position: inside;
  padding:0px;
  margin: 0px;
}

.listitem{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.listitem-active{
  background-color: #007bff;
	color: #ffffff;
	font-weight: bold;
}
.listitem-disabled {
  /* pointer-events: none; */
  cursor: auto;
  background-color:#EEF2F5;
}
.listitem:hover {
  background-color: #d8d8d8;
	color: #ffffff;
}
.listitem-disabled:hover {
  background-color:#EEF2F5;
	color: #ffffff;
}
.listitem-icon {
  font-weight: 700;
  color: #817F7F;
  cursor: pointer;
}
.listitem-icon:hover {
  color: #413F3F;
	color: #ffffff;
}
.listitem-nestedItems .listitem{
  padding-left: 30px;
}
.textbutton-delete{
  margin-right: 30px;
}

.employee-dates-container{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.employee-dates-selectbox{
	width: 100px;
  margin-right: 10px;
}
.employee-dates-inputbox{
	max-width: 100px;
  margin-right: 10px;
}

.backbutton{
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #00bbec;
  cursor: pointer;
  margin-bottom: 20px;
}
.backbutton:hover{
  color: #0D9BBE;
}
.backbutton-icon{
  font-weight: 700;
}
.backbutton-text{
  font-weight: 700;
  font-size: 18px;
  margin-left: 3px;
}

/* .listitem-nestedItems .listitem, .listitem-nestedItems .listitem-nestedItems {
  padding-left: 30px;
} */
/* .list-item-active{
  font-size: 14px;
  cursor: pointer;
  padding: 6px;
  padding-left: 15px;
  background-color: #d8d8d8;
} */
.inputbox {
  background-color: #ffffff;
  height:34px;
	border: solid 1px #ced4da;
	border-radius: 3px;
}
.inputbox:focus{
  background-color: #EEF2F5;
}

.inputbox-inverse {
	background-color: #ffffff;
}

.form-control-danger {
	border: 1px solid #dc3545 !important;
}

select.form-control:not([size]):not([multiple]).selectbox{
  background-color: #ffffff;
	border: solid 1px #ced4da;
	border-radius: 3px;
  height:34px;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-position:right 50%;
  background-repeat:no-repeat;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  /* padding: .5em; */
  padding-right:1.5em;
  border-radius:0;
  padding: 0px;
  padding-left: 12px;
  font-size: 13px;
	color: #303030;
}
.myProgress {
	width: 30%;
	margin-left: 35%;
	background-color: #f2f4f7;
  }
  
  .myBar {
	width: 1%;
	height: 3px;
  }
select.form-control:not([size]):not([multiple]).selectbox:disabled{
	background-color: #e9ecef ;
	
  }

div.Select-control{
  background-color: #EEF2F5 !important;
  border-radius:0;
  border: none;
}
.is-focused:not(.is-open) >
.Select-control {
  border-width: 0px !important;
  box-shadow: none !important;
}


/* .Select--multi .Select-value{
  background-color: #9D9E9E !important;
  border: none !important;
}
.Select--multi .Select-value:hover{
  background-color: #9D9E9E !important;
}
.Select-value-icon {
  color: white !important;
  border: none !important;
}
.Select-value-icon:hover {
  background-color: #898B8B !important;
}
.Select-value-label {
  color: white;
} */


.textbutton-default {
	width: 171px;
	/**8min-width: 171px; **/
  height: 40px;
  color:white;
  background-color: #00bbec;
  cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}

.textbutton-default:hover{
  background-color: #0a9abe;
	outline: none;
}

.textbutton-disabled {
  width: 171px;
  height: 40px;
  border-radius: 100px;
  color:white;
  background-color: grey;
}

.menu-item {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-right: 25px;
	cursor: pointer;
	color: #303030;
}
.menu-items-right {
	text-align: right;
}
.menu-item:hover {
	text-decoration: none;
}
.menu-items {
  margin-bottom: 15px;
}

.personalinfo-workphone-cell{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.personalinfo-workphone-cell-left{

}

.personalinfo-workphone-cell-ext{
  margin-left: 6px;
  margin-right: 6px;
}

.personalinfo-workphone-cell-right{
  width:150px;
}

.personalinfo-currentsalary-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.personalinfo-currentsalary-cell-left {

}

.personalinfo-currentsalary-cell-right {
  margin-left: 10px;
  width:180px;
}

.personalinfo-preferredsalary-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.personalinfo-preferredsalary-cell-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.personalinfo-preferredsalary-dash {
  margin-left: 10px;
  margin-right: 10px;
}
.personalinfo-preferredsalary-cell-right {
  margin-left: 10px;
  width:150px;
}

.education-program-enddate-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.education-program-enddate-cell-left {
  width: 150px;
  margin-right: 10px;
}
.margin-top-10{
  margin-top: 10px;
}

.margin-top-15{
  margin-top: 15px;
}

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

.mandatory-text{
  color: red;
}

.progressBar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.progressBarTitle {
  margin-top: 6px;
  font-size: 18px;
}

.progressBarLoader {
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid orange; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

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

.dropZone{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height:300px;
	background-color: #EEF2F5;
	border: 2px dashed #979797;
}

.dropZone:hover{
  background-color: #d8d8d8;
  cursor: pointer;
}
.dropZoneActive{
  background-color: #d8d8d8;
}
.dropZone-icon{
	background-image: url('./resources/images/icon_dropzone.png');
	width: 96px;
	height: 96px;
}
.dropZone-icon-color{
	color: gray
}
.dropZone-text{
	font-size: 20px;
	margin-top: 10px;
}

.modal {

}
.dropZone-icon2{
	background-image: url('./resources/images/dropZone-24.png');
	width: 24px;
	height: 24px;
}

.sub-menu-item {
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #8b8b8b;
	margin-right: 25px;
}
.sub-menu-item-right {
	text-align: right;
}

.arrangeby-label {
	margin-right: 5px;
}

.arrangeby-box {
	width: 110px;
	height: 18px;
	border-radius: 4px;
	border: 1px solid #979797;
	display: inline-block;
	margin-right: 20px;
}

.selected-sub-menu {
	color: #00bbec;
	border-bottom: 3px solid #00bbec;
	padding-bottom: 10px;
/** padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 15px; **/
}

.vertical-alignment-helper {
  display: table;
  width: auto;
	height: 100%;
	pointer-events: none;
	margin: auto;
}

.vertical-align-center {
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;
}

.modal-content {
	/**margin: auto;
	height: inherit;
	pointer-events: all; **/
}
.show {
/**
	display: inherit;
	opacity: 1;
	z-index: 1000;
	**/
}

.modal-dialog {
	/**
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;
	**/
}
/**
.modal-open .modal {
    display: flex!important;
    align-items: center!important;
    .modal-dialog {
        flex-grow: 1;
    }
}
**/

.modal-dialog {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index:1050;
  overflow: auto;
  @media(max-width: 768px) {
    min-height: calc(100vh - 20px);
  }
}

.modal-header {
	border-bottom: 0px;
}
.modal-header {
	/***border-bottom: 0px;
	padding-left: 30px;
	padding-top: 20px;**/
}

.jd-label {
	color: #303030;
	font-size: 14px;
	font-weight: 500;
	min-width: 80px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
}

.jd-content {
	color: #303030;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
}

.jd-title {
	color: #303030;
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	text-align: left;
	margin-left: -5px;
}

.default-color {
	color: #00bbec;
}

.loader {
  border-left: 11px solid #f3f3f3 !important;
	border-right: 11px solid #f3f3f3 !important;
	border-bottom: 11px solid #f3f3f3 !important;
  border-radius: 50%;
  border-top: 11px solid #3498db;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
	text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@-moz-document url-prefix() {
 	.fit-content{
		width: -moz-fit-content;
	}
}

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

.apply-using-account {
	border: 0px;
	background-color: #ffffff;
	color: #00bbec;
	min-width: 230px;
	margin-bottom: 10px;
}

.apply-using-account:hover {
	color: #ffffff;
	background-color: #00bbec;
}

.apply-no-account {
	width: 230px;
	margin-bottom: 10px;
}

.browse-btn {
	width: 100px;
	height: 40px;
	padding: 5px 10px;
	cursor: pointer;
}

.success-btn {
	width: 100px;
	height: 40px;
	padding: 6px 10px;
	color: #ffffff;
	background-color: #00bbec;
}

.cancel-btn {
	width: 100px;
	height: 40px;
	padding: 6px 10px;
	color: #00bbec;
	background-color: #ffffff;
	border: 2px solid #00bbec
}

.profile-menu {
	background-color: #EEF2F5;
	height: 100%;
	width: 100%;
	border-radius: 1px;

}

.profile-menu-item-active {
	background-color: #d8d8d8;
}

.profile-menu-item {
	color: #303030;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	cursor: pointer;
}

.errorMessage {
	margin-top: 20px;
	color: #ff0000;
	white-space: pre-line;
}

.myja-jdate {
	text-align: left;
	color: #8b8b8b;
	font-size: 14px;
	font-weight: 500;
}

.myja-jtitle {
	font-size: 17px;
	font-weight: 17px;
	text-align: left;
	color: #303030;
}

.myja-jlocation {
	text-align: left;
	font-size: 14px;
	font-wight: 500;
	color: #8b8b8b;
}

.myja-jcompany {
	text-align: 14px;
	font-wight: 500;
	text-align: left;
	color: #8b8b8b;
}

.requiredStar {
  color:red;
  margin-left: 3px;
}

.submitBar{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height:50px;
  font-size: 16px;
  background-color: #EEF2F5;
  padding: 6px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.eeo-cl-1 {
	text-align: center;
	 font-weight: bold;
	  font-size:15px;
		 border: 2px solid #000000;
		  padding: 0px;
}

.eeo-cl-2 {
	text-align: center;
	 font-weight: bold;
	  font-size:15px;
		border: 2px solid #000000;
		 padding: 0px;
}

.eeo-cl-3 {
	text-align: center;
	font-weight: bold;
	font-size:15px;
	border: 2px solid #000000;
	padding: 0px;
}

.onBoardingPackages{
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.onBoardingPackages2{
	overflow-x: auto;
	overflow-y: hidden;
}

.onboardingSection {
	padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
  font-size: 30px;
  font-weight: bold;
}

.onBoardingPackagesButtons{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.onBoardingPackagesButtonLeft{
  outline: none;
  cursor: pointer;
}

.onBoardingPackagesButtonRight{
  outline: none;
  cursor: pointer;
}

.onBoardingCardNormal {
  min-width: 210px;
  height: 60px;
  border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right: 1px solid #fff;
  background-color: #EEF2F5;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  cursor: pointer;
	float:left;
	display: inline-block;
}

.onBoardingCardActive {
  min-width: 210px;
  height: 60px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right: 1px solid #fff;
  background-color: #00bbec;
  color: white;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
	float:left;
	display: inline-block;
}

.onBoardingCardNormal2 {
  width: 210px;
  height: 210px;
	border-radius: 5px;
  background-color: #EEF2F5;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  cursor: pointer;
	float:left;
	display: inline-block;
	margin: 10px 50px 90px 50px;
}

.onBoardingCardActive2 {
  width: 210px;
  height: 210px;
	border-radius: 5px;
  background-color: #5cbf6e;
  color: white;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
	cursor: pointer;
	float:left;
	display: inline-block;
	margin: 10px 50px 90px 50px;
}

.onBoardingPackageActive {
	background-color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 30px;
	margin: 0px;
	border-bottom: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
}

.onBoardingPackageNormal {
	background-color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 30px;
	margin: 0px;
	border-bottom: solid 1px #ced4da;
  border-left: solid 1px #ced4da;
  border-right: solid 1px #ced4da;
}
.covid-center-card{
	width:100%;
	border: 1px solid #4444;
	border-radius: 3px;
	margin-bottom:15px;
}
.master-record-title {
		font-size: 17px;
		font-weight: bold;
		color: white;
		margin-top:20px;
		margin-bottom: 20px;
	 	background: #EEF2F5;
		padding: 10px;
}

.master-record-header {
		font-size: 28px;
		font-weight: bold;
		background-color:white;
		padding: 25px 0px;
		border-bottom: 2px solid #e7e7e7;
}

.master-record-body {
	width: 75%;
}

.new-field {
	background-color: #00ab6f;
	color: white;
	padding: 3px 7px;
	border-radius: 50px;
	margin: 0px 10px;
	letter-spacing: 1px;
	font-family: Helvetica, Arial, sans-serif;
}

.fill-forms-progress-bar {
	margin-top: 25px;
}

.fill-forms-progress-right {
	background-image: url("data:image/svg+xml,%0A%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46.1 83'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23d7d9da;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EPageRight%3C/title%3E%3Cpolygon class='cls-1' points='32.6 45.8 0 78.5 4.5 83 46.1 41.6 4.5 0 0 4.5 32.7 37.4 36.9 41.6 32.6 45.8'/%3E%3C/svg%3E");
	background-size: 14px;
	height: 25px;
	width: 14px;
	margin-left: 10px;
	cursor: pointer;
}

.fill-forms-progress-left {
	background-image: url("data:image/svg+xml,%0A%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46.1 83'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23d7d9da;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EPageLeft%3C/title%3E%3Cpolygon class='cls-1' points='9.2 41.6 13.4 37.4 46.1 4.5 41.6 0 0 41.6 41.6 83 46.1 78.5 13.5 45.8 9.2 41.6'/%3E%3C/svg%3E");
	background-size: 14px;
	height: 25px;
	width: 14px;
	margin-right: 10px;
	cursor: pointer;
}

.fill-forms-progress-right:hover {
	background-image: url("data:image/svg+xml,%0A%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46.1 83'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EPageRight%3C/title%3E%3Cpolygon class='cls-1' points='32.6 45.8 0 78.5 4.5 83 46.1 41.6 4.5 0 0 4.5 32.7 37.4 36.9 41.6 32.6 45.8'/%3E%3C/svg%3E");
}

.fill-forms-progress-left:hover {
	background-image: url("data:image/svg+xml,%0A%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46.1 83'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EPageLeft%3C/title%3E%3Cpolygon class='cls-1' points='9.2 41.6 13.4 37.4 46.1 4.5 41.6 0 0 41.6 41.6 83 46.1 78.5 13.5 45.8 9.2 41.6'/%3E%3C/svg%3E");
	background-size: 14px;
	height: 25px;
	width: 14px;
	margin-right: 10px;
}

.example-enter {
  opacity: 0.01;
}

.example-enter.example-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.example-leave {
  opacity: 1;
}

.example-leave.example-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}

.progress-label {
	cursor: pointer;
	color: #999999 !important;
	font-weight: normal !important;
}

.progress-label-active {
	color: #488bf9;
	font-weight: bold !important;
}

.progress-label-visited {
	color: black !important;
	font-weight: normal;
	cursor: pointer;
}

.progress-label:hover {
	color: #488bf9;
}

.fill-forms-header {
    width: 100%;
    height: 50px;
/*     background-color: #28384b; */
    color: #fff;
    text-align: left;
    padding-left: 30px;
    font-weight: bold;
    font-size: 15px;
    font-family: Helvetica, sans-serif;
		position: fixed;
		z-index: 999;
}

.fill-form-description {
		margin: 10px 0px 10px 0px;
}

.fill-forms-background {
	background-color: #EEF2F7;
	padding:0px 50px 50px 25px;
	display: flex;
	flex-direction: column;
  justify-content: center;
	align-items: center;
	height: 100%;
}

.fill-forms-body {
	padding: 20px;
	color: #484E52;
}

.fill-form-info-text {
	background-color: #e2ebfc;
	color: #488bf9;
	border: 1px solid #488bf9;
	border-radius: 5px;
	padding: 10px;
	width: fit-content;
}

.file-container{
	/* width: 945px; */
    width: 100%;
    height: 100%;
    margin-top: 20px;
}

.file-container-webform{
	/* width: 945px;
    height: 100%; */
    /* margin: 20px 40px 12px 45px; */
    margin-top: 20px;
    padding: 10px 5px 10px 15px;
    border-radius: 4px;
    background-color: #f2f4f7;
}

.info-text{
	font-weight: bold;
    padding:12px;
    /* font-family: Lato; */
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #488bf9;
}

.info-rectangle{
	width: 100% !important;
    margin-bottom: 15px;
    margin: 0 35px 0 0;
    border-radius: 2px;
    border: solid 1px #488bf9;
    background-color: #ffff;
	margin-top: 15px;
}

.fill-form-returned-info-text {
	background-color: #E9F5F0;
	color: #1F6E4B;
	border: 1px solid #1F6E4B;
	border-radius: 5px;
	padding: 10px;
}

.fill-all-signature {
	background-color: white;
	color: #484E52;
	border: 1px solid #D7D9DA;
	margin-top: 30px;
}

.doc-changes-link {
	color: #488BF9;
	padding-left: 10px;
	cursor: pointer;
}

.doc-changes-link:hover {
	text-decoration: underline;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.remove-document {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 676 676'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23488bf9;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Exnohover%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Ccircle class='cls-1' cx='338' cy='338' r='338'/%3E%3C/g%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Crect class='cls-2' x='351.25' y='139.03' width='66.51' height='494.93' transform='translate(-206.68 337.09) rotate(-45)'/%3E%3Crect class='cls-2' x='137.03' y='353.25' width='494.93' height='66.51' transform='translate(-206.68 337.09) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 20px;
  width: 20px;
  height: 20px;
	margin-left: 15px;
}

.remove-document:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 676 676'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23ACACAC;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Exnohover%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Ccircle class='cls-1' cx='338' cy='338' r='338'/%3E%3C/g%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Crect class='cls-2' x='351.25' y='139.03' width='66.51' height='494.93' transform='translate(-206.68 337.09) rotate(-45)'/%3E%3Crect class='cls-2' x='137.03' y='353.25' width='494.93' height='66.51' transform='translate(-206.68 337.09) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
}

.sign-sticky {
	background-color: #fcee21;
	font-weight: bold;
	height: 30px;
	width: 90px;
	padding-left:10px;
  line-height: 30px;
	border-radius: 2px 0px 0px 2px;
}

.triangle-right {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #fcee21;
    border-bottom: 15px solid transparent;
}

.design-form-frame {
	height:100%;
	width: 100%;
	border: none;
	/*padding-right: 50px;*/
}

.rotate {
  transform:
    /* Magic Numbers */
    translate(0px, 70px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 55px;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
	text-align: right;
}

.fill-forms-sidebar {
  /* width: 350px;
  height: 100%;
  display: inline-block;
	position: fixed;
	background-color: #f2f4f7; */

    flex: 28.4%;
	background-color: #ffffff;
	border-right: 2px solid #f2f4f7;
}

.fill-forms-content {
 
	padding-left: 30px;
    padding-top: 20px;
	overflow-y: scroll;
    flex: 72.6%;
	margin-bottom: 80px;
}

.fill-forms-content-faded {
	position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 400px;
	margin-top: 50px;
  padding-top: 50px;
	overflow: auto;
}
.fill-forms-main-div {
	width: 100%;
	height: 100%;
	/*position: absolute;*/
	top: 0px;
	left: 300px;
	/*max-width: 930px;*/
	/*margin-top: 100px;*/
	font-family: Helvetica, sans-serif, sans-serif;
	color:#484E52;
	padding-right: 20px;
}

.fill-forms-link {
	color: #488bf9;
	font-weight: bold;
}

.fill-forms-link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.fill-forms-buttom-container {
	margin: auto;
  width: 500px;
}

.fill-forms-button {
		background: #488BF9 !important;
    font-weight: bold;
    font-family: Helvetica, sans-serif, sans-serif;
    border: none;
    padding: 7px 10px 7px 10px;
    margin: 10px;
    color: #fff !important;
    width: 160px;
		height: 35px;
    border-radius: 2px !important;
    cursor: pointer;
	opacity: 1 !important;
}

.skip-button{
    /* font-weight: bold;
    font-family: Helvetica, sans-serif, sans-serif;
    padding: 7px 10px 7px 10px;
    margin: 10px;
    width: 160px;
		height: 35px;
    border-radius: 2px !important;
    cursor: pointer;
	float: right;
	color: #488bf9 !important;
    background: white !important;
    border: 1px solid;
    border-color:  #488bf9 !important; */
	border: 1px solid #ffffff !important;
	width: 160px;
	height: 40px !important;
}
.skip-button2{
	border: 1px solid #ffffff !important;
	min-width: 160px;
    width: auto;
	height: 40px !important;
}
.Rectangle-faded{
	opacity: 0.4;
	pointer-events: none;
}
.Rectangle {
	border-radius: 4px;
	background-color: #f2f4f7;
	padding-bottom: 30px;
  }
  .small-rectangle {
	width: fit-content;
	height: fit-content;
	padding: 10px 17px 10px 22px;
	border-radius: 2px;
	border: solid 1px #478bf9;
	margin-left: 33px;
	padding-right: 22px;
  }
  .Step-1-Download-doc {
	padding: 33px;
    padding-bottom: 17px;
    margin-top: 20px;
	/* font-family: Lato; */
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #495057;
  }
  .download-doc-title{
	cursor: pointer;
	margin: 0 0 0 3px;
	/* font-family: Lato; */
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #478bf9;
  }

  .download-icon {
	  cursor: pointer;
	width: 10px;
	height: 10px;
	margin: 3px 3px 3px 0;
	object-fit: contain;
  }
.submit-button{
	 font-weight: bold;
    font-family: Helvetica, sans-serif, sans-serif;
    padding: 7px 10px 7px 10px;
    margin: 10px;
    width: 115px;
		height: 40px;
    border-radius: 2px !important;
    cursor: pointer;
	float: right;
    background: white !important;
    border: 1px solid;
}
.final-submit{
	min-width: 231px;
	width: auto;
	height: 36px;
	padding: 10px 9px 10px 11px;
}
.edit-button{
	font-weight: bold;
   font-family: Helvetica, sans-serif, sans-serif;
   padding: 7px 10px 7px 10px;
   margin: 10px;
   width: 125px;
	   height: 35px;
   border-radius: 2px !important;
   cursor: pointer;
   float: right;
   color: #488bf9 !important;
   background: white !important;
   border: 1px solid;
   border-color:  #488bf9  ;
   text-align: center;
   margin-right: 15px;
}

.greyOutSidebarTrue{
	display: block;
  position: absolute;
  width: 90%;
  height: 100%;
  background-color: gray;
  top: 50px;
  padding: 10px;
  opacity: .8;
}
.fill-forms-button-right {
		background: #488BF9 !important;
    font-weight: bold;
    font-family: Helvetica, sans-serif, sans-serif;
    border: none;
    padding: 7px 10px 7px 10px;
    margin: 10px;
    color: #fff !important;
    width: 160px;
		height: 35px;
    border-radius: 2px !important;
    cursor: pointer;
	float: right;
}

.fill-forms-button-final-page{
background: #488BF9 !important;
    font-weight: bold;
    font-family: Helvetica, sans-serif, sans-serif;
    border: none;
    padding: 7px 10px 7px 10px;
    margin: 10px;
    color: #fff !important;
    width: fit-content;
		height: 35px;
    border-radius: 2px !important;
    cursor: pointer;
}

.fill-forms-button-grey {
	background: #D7D9DA !important;
}

.fill-forms-button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
		color: #fff;
}

.upload-docs {
		background: white;
		padding: 5px;
		width: 500px;
		overflow-y: auto;
		overflow-x: hidden;
		border: 1px solid #d7d9da;
}

.uploaded-doc {
	border: 1px solid #ffffff;
	height: 23px;
	margin: 10px;
	background-color: #ffffff;
}

.uploaded-doc-inactive {
	background-color: #eaeaea;
	border: 1px solid #D7D9DA;
	border-radius: 50px;
	height: 23px;
	margin: 10px;
}

.uploaded-doc-remove {
	color:#488BF9;
	font-weight:bold;
	cursor: pointer;
}

.uploaded-doc-remove:hover {
	color:#D7D9DA;
}

.startFillingOnboarding {
	font-size: 25px;
	padding-bottom: 20px;
}

.packageCount {
	font-weight: bold;
	font-size: 14px;
	line-height: 60px;
	margin-left: 15px;
}

.noOnboardingMessage {
	text-align: center;
	color: #11c228;
}

.signatureBox {
	padding: 20px;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	background-color: #fff;
}

.signatureBoxHeader {
	margin-top: 10px;
	line-height: 40px;
	height: 40px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 18px;
	color: white;
}

.fontlabel {
	font-size:35px;
	display:flex;
	height:98px;
	border:1px solid;
	text-align: center;
  align-items: center;
  place-content: center;
	cursor: pointer;
	justify-content: center;
}

.completedLink {
	padding-left:20px;
	color: #00bbec;
}

.completedLink:hover {
	color: #0056b3 !important;
	text-decoration: underline;
}

.oneLineLimit {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

.background-white {
	background-color: white;
}

.background-white:hover {
	background-color: #d8d8d8;
	color: #ffffff;
}

.textbutton-onboarding {
  width: 205px;
	min-width: 150px;
  height: 34px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
}

.textbutton-onboarding-completed {
	width: 205px;
	min-width: 150px;
	height: 34px;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	background-color: #adadad;
}

.textbutton-onboarding-mark-complete {
	width: auto;
	min-width: 140px;
	height: 34px;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	margin-left: 5px;
}

.textbutton-onboarding-small {
	width: auto;
	min-width: 60px;
	height: 34px;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
}

.textbutton-onboarding-completed:hover {
	background-color: #EEF2F5;
	border-color: #adadad;
	color: #adadad;
}

.onboarding-tableview-redtext {
  font-size: 14px;
  font-weight: 500;
  color: red;
}

.onboarding-statusbutton {
	position: relative;
	cursor: pointer;
}

.onboarding-statusbutton:hover{
	outline: none;
}

.onboarding-tableview-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 17px;
  font-weight: 500;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: 10px;
}

.calendar-available {
	background-color: #7ed321;
	border: 0px;
	border-radius: 0px;
}
.calendar-unavailable {
	background-color: #303030;
	border: 0px;
	border-radius: 0px;
}

.formcell-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
}

.textbutton-fillform-continue {
  width: 110px;
  height: 40px;
  border-radius: 100px;
  margin-right: 30px;
}

.textbutton-fillform-skip {
	width: 110px;
  height: 40px;
  border-radius: 100px;
  margin-left: 30px;
}

.textbutton-fillform-cancel {
  width: 110px;
  height: 40px;
  border-radius: 100px;
  color: #00bbec;
	background-color: #FFFFFF;
}

.textbutton-fillform-cancel:hover {
  color: #0a9abe;
	background-color: #FFFFFF;
}

.default-font {
  font-size: 14px;
  font-weight: 500;
}

.fill-form-title {
  font-size: 24px;
  font-weight: bold;
  color: #495057;
  /* margin-top:20px; */
  margin-bottom: 20px;
  display:flex;
}

.hr-default{
  border-radius: 1px;
  background-color: #e7e7e7;
  margin-top: 10px
}

.hr-style-dot {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


.linkButton {
  color: #00bbec;
  cursor: pointer;
}
.linkButton:hover {
  color: #0a9abe;
  text-decoration: underline;
}

.filereader{
  width: 100%;
  height: 1000px;
}

.previewsign-pdfviewer{
  width: 100%;
  height: 55vh;
}

.m-signature-pad {
	border: 2px solid #00bbec;
	background-image: url('/images/SignHere.png');
	background-repeat: no-repeat;
  background-size: 100% 100%;
	width: 600px;
}

.m-signature-pad--body canvas {
  width: 600px;
  height: 150px;
}

.signature-header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 5px;
	width: 600px;
}

.previewsign-or {
  margin-top: 20px;
}

.plainTextButton {
  color: #00bbec;
  cursor: pointer;
}
.plainTextButton:hover {
  color: #0a9abe;
}

.signature-inputtext {
	margin-left: 50px;
	margin-right: 50px;
  height:50px;
  border: 1px solid grey;
	/*border: 2px solid #00bbec;*/
}

.signature-inputtext:focus{
	/*border: 2px solid #00bbec;*/
  border: 1px solid grey;
  box-shadow: none;
}

.reactrouter-linkbutton {
  width: 150px;
  height: 34px;
  border-radius: 100px;
  color:white;
  background-color: #00bbec;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content:center;
}

.reactrouter-linkbutton:hover{
  background-color: #0a9abe;
}

.reactrouter-link:hover, .reactrouter-link:visited, .reactrouter-link:link, .reactrouter-link:active{
  text-decoration: none;
}

.completed-button{
  width: 150px;
  height: 34px;
  border-radius: 100px;
  color:#11c228;
  display: flex;
  align-items: center;
  justify-content:center;
}

.imagebutton {
  outline: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  border: 0px;
}

.resume-action-group .imagebutton {
	margin-left: 6px;
	margin-right: 2px;
}

.resume-btn-edit {
  background-image: url('./resources/images/icon_edit.png');
  width:14px;
  height:14px;
}

.resume-btn-edit:hover {
  background-image: url('./resources/images/icon_edit_active.png');
}

.resume-btn-preview {
  background-image: url('./resources/images/icon_preview.png');
  width:24px;
  height:14px;
}

.resume-btn-preview:hover {
  background-image: url('./resources/images/icon_preview_active.png');
}

.resume-btn-delete {
  background-image: url('./resources/images/icon_delete.png');
  width:12px;
  height:15px;
}

.resume-btn-delete:hover {
  background-image: url('./resources/images/icon_delete_active.png');
}



.resumeContent {
  overflow: auto;
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}



.dialog-close {
  cursor: pointer;
}

.dialog-btns {
  margin-top: 30px;
}

.dialog-btn-success {
  width: 110px;
  height: 40px;
  border-radius: 100px;
}

.dialog-btn-cancel {
  width: 110px;
  height: 40px;
  border-radius: 100px;
  color: #00bbec;
	background-color: #FFFFFF;
}

.dialog-btn-cancel:hover {
  color: #0a9abe;
	background-color: #FFFFFF;
}

.alertdialog {
  width:568px;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.alertdialog {
  width:500px;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.dialog-text {
  font-size: 16px;
  margin-left: 20px;
  margin-right: 20px;
  font-weight: 500;
}

.borderless {
  border-spacing: 0px;
}

.borderless td, .borderless th {
  border: none;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td{
  padding: 8px;
}
.onboarding-main-div{
	font-size: 14px;
	font-weight: 500;
	color: #303030;
}

.onboarding-table-required, .onboarding-table-optional{
	margin-bottom: 35px;
}

.onboarding-table-completed{
	margin-bottom: 35px;
	background-color: #EEF2F5;
}

.onboarding-title{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #EEF2F5;
}
.onboarding-th{
	padding: 10px 0px;
	background-color: #EEF2F5;
}
.onboarding-tr{
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
}

.onboarding-mobile-ab{
	text-align: left;
}
.onboarding-table-required .bottom-border, .onboarding-table-optional .bottom-border{
	padding: 20px 0px;
	border-bottom: solid 1px #ced4da;
	border-left: solid 1px #ced4da;
	border-right: solid 1px #ced4da;
}

.onboarding-table-completed .bottom-border{
	padding: 20px 0px;
	border-bottom: solid 1px #ffffff;
}

.button-add-workexperience {
  width: 225px;
  height: 40px;
}

.button-save {
  width: 126px;
  height: 44px;
}
.btn-pill {
	background-color: #EEF2F5;
	color: #303030;
	border: solid 1px #d8d8d8;
	cursor: pointer;
	outline: none;
  font-size: 14px;
  font-weight: 500;
}

.btn-pill:focus,
.btn-pill:active:focus {
	outline: none;
}

.btn-pill:focus {
	outline: 0;
	text-decoration: none;
}
.btn-pill:active {
	outline: none;
}

.btn-pill:focus {
	outline: none;
}

.btn:focus {
	outline: none;
}

.btn.focus, .btn:focus {
	box-shadow: none;
}
.form-control:focus {
	box-shadow: none;
}

.btn-pill {
	background-color: #FFFFFF;
}

.cb_active {
	background-color: #00bbec;
	color: #ffffff;
	border-color: #ffffff;
}

.edit-resumename {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-row-center {
  display: flex;
  flex-direction: row;
	align-items: center;
	justify-content: center
}

.edit-resumename-name{
  font-size: 20px;
  margin-right: 10px;
}
.modal-body-padding {
	padding: 10px 60px 40px 60px;
}
.modal-body-padding-mobile {
	padding: 10px 15px 40px 15px;
}
.modal-header-padding {
	padding-left: 70px;
}
.modal-header-padding-mobile {
	padding-left: 30px;
}

.w-100 {
	width: 100%;
}

.w-25 {
	margin: 0px;
	padding: 0px;
	width: 25%;
}

.m-l-0 {
	margin-left: 0px;
}

.p-l-0 {
	padding-left: 0px;
}

.p-l-5 {
	padding-left: 5px;
}

.p-r-5 {
	padding-right: 5px;
}

.p-l-21 {
	padding-left: 21px;
}

.textbutton-apply {
	width: 130px;
}

.display-inline {
	display: inline;
}

.flat-button {
	background-color: #ffffff;
	border: 0px;
}

.v-align-017 {
	vertical-align: 0.17em;
}

.dropdown-toggle::after {
	vertical-align: 0.165em
}

.p-l-10 {
	padding-left: 10px;
}
.p-l-15 {
	padding-left: 15px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.m-t-10 {
	margin-top: 10px;
}

.textbutton-eeo-submit {
	width: 300px;
}

.large-signin {
	width: 300px;
}

.hr-matching-jobs {
	color: #00bbec;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.block-display {
	display: block;
	clear: both;
}

.m-t-50 {
	margin-top: 50px;
}

.dropdown-item.active, .dropdown-item:active {
	color: #FFFFFF;
	background-color: #00bbec;
}

.btn-pill:hover {
	text-decoration: none;
}

.btn-on-calendar {
	width: 100px;
}

.footer-height {
	height: 100px;
}

.a-link {
	color: #00bbec;
}

.a-link {
	color: #00bbec;
}
.a-upload-link{
	color: #488bf9;
}
.m-l-20 {
	margin-left: 20px;
}

.m-l-10 {
	margin-left: 10px;
}

.input-file-container {
	position: relative;
}

.input-file-trigger {
	width: 121px;
	border-radius: 100px;
	color: white;
	background-color: #00bbec;
	cursor: pointer;
	/**display: block;**/
	padding: 10px 35px;
	transition: all .4s;
}

.input-file {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	opacity: 0;
	padding: 14px 0;
	cursor: pointer;
}

.input-file-name {
	position: absolute;
	top: 0;
	left: 180px;
	width: 180px;
}

.input-file-trigger:hover{
  background-color: #0a9abe;
	outline: none;
}

.input-file-trigger-active {
	color: #00bbec;
	background-color: white;
	border: 1px solid #00bbec;
	cursor: pointer;
}

.input-file-big {
	color: #00a2e8;
	border: 2px dashed #00a2e8;
	height: 150px;
	width: 250px;
	text-align: center;
	vertical-align: middle;
	line-height: 145px;
	margin-top: 10px;
}

.input-file-big-error {
	color: #c23a3a;
	border: 2px dashed #c23a3a;
	height: 150px;
	width: 250px;
	text-align: center;
	vertical-align: middle;
	line-height: 145px;
	margin-top: 10px;
}

.checkbox-container {
	display: block;
	position: relative;
	padding-left: 18px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 14px;
	width: 14px;
	border-radius: 1px;
	background-color: #ffffff;
	border-radius: 3px;
	border: solid 1px #ced4da;
}

/* on mouse over add grey background */
.checkbox-container:hover input ~ .checkmark {
	background-color: #f2f2f2;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
	display: block;
	content: "\2713";
	color: #ffffff;
	top: -5px;
}

.radio-container {
	display: block;
	position: relative;
	padding-top: 7px;
	padding-left: 25px;
	margin-bottom: 1px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.radio-checkmark {
	position: absolute;
	top: 10px;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #d8d8d8;
	border-radius: 50%;
}

.radio-container:hover input ~ .radio-checkmark {
	background-color: #706f6f;
}

.radio-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.radio-container input:checked ~ .radio-checkmark:after {
	display: block;
}

.job-row-d {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #868e96;
}

.sm-text {
	font-size: 9px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #303030;
}

.j-apn-normal {
	color: #8b8b8b;
}

.j-apn-job-title {
	font-size: 14px;
	font-weight: 600;
	color: #303030;
}

.j-apn-title {
	color: #4a4a4a;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 50px;
}

@media (min-width: 1500px) {
	.container {
		max-width: 1400px;
	}
}

input::webkit-input-placeholder {
	color: #303030;
	font-size: 14px;
	font-weight: 400;
}

input::-moz-placeholder {
	color: #303030;
	font-size: 14px;
	font-weight: 400;
}

input:ms-input-placeholder {
	color: #303030;
	font-size: 14px;
	font-weight: 400;
}

input:-moz-placeholder {
	color: #303030;
	font-size: 14px;
	font-weight: 400;
}

input {
	color: #303030;
	font-size: 14px;
	font-weight: 400;
}

.w-8 {
	width: 60%;
	display: inline-block;
	margin-right: 15px;
}

.w-4 {
	width: 30%;
	display: inline-block;
}

.cancel-btn:hover {
	background-color: #00bbec;
	color: #ffffff;
}

.input-file-trigger:hover {
	color: #00bbec;
	background-color: #ffffff;
	border: 1px solid #00bbec;
}


.license-title {
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	font-height: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #8b8b8b;
}

.license-selected-sub-menu {
	color: #00bbec;
	border-bottom: 3px solid #00bbec;
	padding-bottom: 10px;
}

.can-hover {}

.can-hover:hover {
	color: #00bbec;
}

.btn-hover {}

.btn-hover:hover {
	color: #00bbec;
	background-color: #ffffff;
	border: 2px solid #00bbec
}

.state-id-width {
	margin-right: 30px;
}

.row-sep {
	margin-top: 7px;
	margin-bottom: 7px;
}

.p-l-30 {
	padding-left: 30px;
}


.p-l-60 {
	padding-left: 60px;
}

.license-subtitle {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #303030;
}

.license-subtitle-border {
	margin-top: 10px;
	margin-bottom: 8px;
	border: 1.8px solid #e7e7e7;
}

.m-t-40 {
	margin-top: 40px;
}

.checkbox-label-text {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #303030;
}

.inputbox-text {
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #303030;
}

.selectbox-text {
	font-size: 9px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #303030;
}

option {
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #303030;
}

.form-cell-title {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	font-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #303030;
}

.jd-subtitle {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #303030;
}

.flat-button2 {
	border: 1px solid #979797;
	border-radius: 4px;
	width: 120px;
	margin-right: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 10px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #303030;
	text-transform: capitalize;
	cursor: pointer;
}

.flat-button2::after {
	text-align: right;
	float: right;
	margin-top: 6px;
	cursor: pointer;
}

.arrange-by-label2 {
	margin-right: 7px;
}

.text-cap {
	text-transform: capitalize;
}

.forget-password-link {
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: right;
	color: #303030;
}

.forget-password-link:hover {
	color: #00bbec;
}

.no-account-txt {
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #8b8b8b;
	margin-top: 8px;
}

.modal-title-font {
	font-size: 17px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #303030;
}

.delete-modal-txt {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #303030;
}

.lcs-modal-title-txt {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: left;
	color: #303030;
}

.lcs-modal-title-link {
	text-decoration: underline;
}

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

.fit-content{
	width: fit-content;
	width: -moz-fit-content;  
}
.-m-t--6 {
	margin-top: -10px;
}

.m-t--5 {
	margin-top: -5px;
}

.m-t--7 {
	margin-top: -7px;
}

.m-t--3 {
	margin-top: -3px;
}

.m-t--2 {
	margin-top: -2px;
}

.m-t--4 {
	margin-top: -4px;
}

.m-t--1 {
	margin-top: -1px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-t-16 {
	margin-top: 16px;
}

.m-t-3 {
	margin-top: 3px;
}

.m-l-30 {
	margin-left: 30px
}

.m-t--10 {
	margin-top: -10px;
}

.m-t--20 {
	margin-top: -20px;
}

.m-t--30 {
	margin-top: -30px;
}

.sort-asc:before {
	content: "\f0dd";
}

.sort-desc {
	content: "\f0de";
}

.no-search {
	background-color: #ffffff;
	border: 1px solid #00bbec;
	color: #00bbec;
	cursor: default;
}

.p-l-60 {
	padding-left: 60px;
}

.m-t-6 {
	margin-top: 6px;
}

.drop-down-menu-txt {
	text-transform: capitalize;
}

.m-t--16 {
	margin-top: -16px;
}

.overflowy {
	overflow-y: scroll;
}

.m-b-20 {
	margin-bottom: 40px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.left-nav {
	background-color: #ffffff;
}

.search-box {
	padding-bottom: 0px;
}

.p-l-0 {
	padding-left: 0px
}

.white-bkg {
	background-color: #ffffff;
}

.p-l-20 { padding-left: 20px; }
.p-t-20 { padding-top: 20px; }
.p-r-20 { padding-right: 20px; }
.p-b-20 { padding-bottom: 20px; }
.p-t-30 { padding-top: 30px; }
.p-t-35 { padding-top: 35px; }
.p-t-40 { padding-top: 40px; }
.p-b-0  { padding-bottom: 0px; }
.m-b--30 { margin-bottom: -30px; }

.p-h-40 { padding-left: 40px; padding-right: 40px;}

.login--sign-in-title {
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.1px;
	color: #303030;
	padding-top: 20px;
	padding-bottom: 50px;
}

.login--sign-up-btn {
	border: solid 1px #007bff;
	width: 110px;
	float: right;
	height: 40px;
}

.border-1px {
	border: 1px solid #ced4da;
}

.border-radius-3px {
	border-radius: 3px;
}

.doc-box {
	padding: 20px 0px;
	margin-bottom: 20px;
}

.doc-box-2 {
	padding: 20px;
	margin-bottom: 20px;
}

.doc-box-2:hover {
	border-color: #007bff;
}

.doc-title {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #007bff;
}

.doc-item {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #868e96;
	margin-top: 10px;
}

.license-title {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.license-item-title {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #303030;
	margin-bottom: 22px;
}

.license-item-text {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #303030;
	margin-bottom: 27px;
}

.license-subtitle {
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #303030;
}

.border-bottom {

}

.textarea-box {
	background-color: #ffffff;
	border-radius: 3px;
	border: solid 1px #ced4da;
}

.w-50-percent {
	width: 50%;
}

.w-100-percent {
	width: 100%;
}

.w-80-percent {
	width: 80%;
}

.filter-list-section {
	border-bottom: solid 5px #007bff;
}

.filter-list-item {
	margin-bottom: -30px;
	margin-top: -25px;
	padding-top: 10px;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #868e96;
	text-align: center;
}

.filter-list-selected {
	background-color: #007bff;
	color: #ffffff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

.filter-list-right-item {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #313030;
	margin-top: -25px;
	padding-top: 10px;
	margin-bottom: 15px;
}

.m-r-20 {
	margin-right: 20px;
}

.m-r-10 {
	margin-right: 10px;
}

.DayPickerInput input {
  background-color: #ffffff;
  height:34px;
	border: solid 1px #ced4da;
	border-radius: 3px;
	padding-left: 10px;
	width: 100%;
}

.DayPickerInput input::placeholder {

}

.DayPickerInput input:-ms-input-placehoder {

}

.DayPickerInput input::-ms-input-placeholder {

}

.m-t-5 {
	margin-top: 5px;
}

.p-r-0 {
	padding-right: 0px;
}

.card-header {
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #313030;
}

.label-font {
	font-size: 14px;
	font-weight: bold !important;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	color: #303030;
}

.label-font-sm {
	font-size: 14px;
}

.license-border-top {
	border-top: solid 2px #979797;
}

.card {
	border: solid 1px #ced4da;
	border-radius: 3px;
}

.card-header {
	border-bottom: 0px;
	background-color: #EEF2F5;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.title-bar{
	background-color: #EEF2F5;
	font-size: 18px;
	font-weight: bold;
	color: #313030;
	padding: 20px;
	border: 1px solid #ced4da;
	border-bottom: 0px;
}

.title-bar-imagebutton-editresume {
	margin-right:26px;
}

.title-bar-title-register {
	margin-left:80px;
}

.title-bar-actionbutton-register {
	margin-right:80px;
}

.title-bar-mobile{
	background-color: #EEF2F5;
	font-size: 18px;
	font-weight: bold;
	color: #313030;
	padding: 8px;
	border: 1px solid #ced4da;
}
.covid-center{
 height: 100%;
 padding: 50px 40px !important;
}
.content-div{
	padding: 20px;
	margin: 0px;
	border: 1px solid #ced4da;
	/*border-top: 0px;*/
}

.content-div-mobile{
	padding-top: 20px;
	margin: 0px;
	border: 1px solid #ced4da;
	border-top: 0px;
}

.form-title{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 15px;
}

.bold-text{
	font-size: 13px;
	font-weight: bold;
}

.listcard-withborder{
	border: 1px solid #ced4da;
	border-radius: 3px;
	padding: 20px;
	margin-bottom:20px;
}

.listcard-noborder{
	border: 0px;
	padding: 20px;
}

.listcard-editresume{
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px solid #aaa;
}

.listcard-editresume-last{
	padding-left: 0px;
	padding-right: 0px;
}

.listcard-title {
  color: #00bbec;
  cursor: pointer;
  font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}
.listcard-text{
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #868e96;
	margin-top: 10px;
}
.icon-size{
	font-size: 20px;
}
.icon-size-lg {
	font-size: 35px;
}

.listcard-action-group {
  display: flex;
  flex-direction: row;
	justify-content: flex-end;
	padding:0
}

.listcard-action-group-center{
	align-items: center;
}

.listcard-action-group-start{
	align-items: flex-start;
}

.listcard-action-button {
	margin-left:16px;
	margin-right:16px;
}

.mobile-none-m-l-30 {
	margin-left: 30px;
}

.content-div-register {
	padding-left: 100px;
	padding-right: 100px;
}

.container {
	padding-left: 5%;
	padding-right: 5%;
	max-width: 100%;
}

.btn-go-back-font {
	font-size: 12px;
	width: 208px;
}

@media(max-width: 1550px) {
	.filter-list-selected	{
		font-size: 17px;
	}
}

@media(max-width: 1265px) {
	.jumbotron {
		height: 150px;
		padding-top: 30px;
	}
	.create-agent-btn {
		width: 250px;
	}

	.filter-list-selected	{
		font-size: 16px;
	}

	.btn-go-back-font {
		font-size: 12px;
		width: 208px;
	}
}

@media(max-width: 1200px) {
	.flat-btn-4 {
		width: 70px;
	}
}

@media(max-width: 1100px) {
	.jumbotron {
		height: 120px;
		padding-top: 25px;
	}
	.filter-list-selected	{
		font-size: 15px;
	}
	.btn-go-back-font {
		font-size: 12px;
		width: 208px;
	}
}

@media(max-width: 992px) {
	.filter-list-section {
		border: 0px;
	}
	.filter-list-left-section {
		margin-bottom: 20px;
		border-bottom: 5px solid #007bff;
	}
	.filter-list-right-section {
		.margin-top: 20px;
	}
	.filter-list-left-section .filter-list-ideal-jobs {
		text-align: right;
	}
	.flat-btn-4-md {
		width: 120px;
	}
	.mobile-none-m-l-30 {
		margin-left: 0px;
	}
	.license-subtitle {
		margin-bottom: 30px;
	}
	.jd-title {
		font-size: 23px;
	}
	.container {
		padding-left: 10px;
		padding-right: 10px;
		max-width: 820px;
	}

	.label-font-sm {
		font-size: 12px;
		margin-right: 13px;
	}

	.btn-go-back {
		width: 171px;
	}

	.btn-go-back-font {
		font-size: 12px;
		width: 208px;
	}
}

@media(max-width: 900px) {
	.filter-list-right-item {
		padding-top: 0px;
		margin-bottom: 0px;
		margin-top: 20px;
	}

	.filter-list-item {
		margin-bottom: 0px;
		margin-top: 0px;
		padding-top: 0px;
		font-size: 14px;
	}

	.text-md-left {
		text-align: left;
	}

	.textbutton-default {
		width: 120px;
		font-size: 14px;
	}

	.filter-list-section {
		border: 0px;
	}

	.jumbotron {
		height: 100px;
		padding: 20px;
	}
	.apply-btn-overflow {
		font-size: 12px;
		text-align: center;
		width: 120px;
		height: 40px;
	}
	.create-agent-btn {
		width: 200px;
	}
	.mobile-btn-height {
		height: 40px;
		padding-bottom: 5px;
	}

	.btn-go-back {
		width: 171px;
	}

	.btn-go-back-font {
		font-size: 12px;
		width: 208px;
	}
}

@media(max-width: 767px) {
  .text-xs-center {
    text-align: center;
  }

	.job-row-d-xs {
		padding-left: 20px;
	}

	.textbutton-default {
		width: 100px;

		font-size: 12px;
		padding-bottom: 5px;
	}

	.search-jobs-btn {
		width: 100%;
		height: 40px;
		padding-bottom: 5px;
	}

	.filter-list-section {
		display: none;
	}

	.jumbotron {
		height: 50px;
		padding-top: 10px;
	}
	.apply-btn-overflow {
		font-size: 12px;
		text-align: center;
		width: 120px;
		height: 40px;
		padding-bottom: 5px;
	}
	.mobile-btn-height {
		height: 40px;
		padding-bottom: 5px;
	}

	.content-div{
		padding: 0px;
		border: 0px;
		border-top: 0px;
	}
	.content-div-register{
		padding: 20px;
	}
	.m-signature-pad--body canvas{
		height:75px;
		width: 300px;
	}
	.m-signature-pad {
		width: 300px;
	}
	.jd-title {
		font-size: 20px;
	}
	.onboarding-mobile-ab{
		text-align: center;
		padding-top: 10px;
	}

	.container {
		max-width: 540px;
	}

	.btn-go-back {
		width: 171px;
	}

	.btn-go-back-font {
		font-size: 12px;
		width: 208px;
	}

}

@media(max-width: 540px) {
	.btn-go-back {
		width: 171px;
	}

	.btn-go-back-font {
		font-size: 12px;
		width: 208px;
	}
}

@media(max-width: 492px) {
	.fc-left {
		margin-bottom: 20px;
	}
	.content-div-register{
		padding: 10px;
	}
	.btn-go-back {
		width: 171px;
	}

	.btn-go-back-font {
		font-size: 12px;
		width: 208px;
	}
}

.successfulRegText {
	margin: auto;
	width: 66%;
	padding-bottom: 10px;
}

.successfulRegTextBody {
	margin: auto;
}

.successfulRegText::after {
	margin: auto;
}

.successfulRegTextBody::after {
	margin: auto;
	width: 50%;
}

.navbar-dark {
	/*** background-image: url('./resources/blueimages/TopBanner2.png'); **/
	z-index: 1;
}

.sidenav {
	height: 100%;
	width: 250px;
	z-index: 1;
	top: 0;
	left: 0;
	position: fixed;
	overflow-x: hidden;
	padding-top: 60px;
	transition: 0.5s;
}

.sidenav .sidenav-link {
	padding: 8px 8px 8px 8px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	display: block;
	transition: 0.3s;
	cursor: pointer;
}

.sidenav a:hover {
	color: #f1f1f1;
}

.sidebar .nav-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5");
}

.nav-icon {
	position: absolute;
	top: 5px;
	left: 5px;
}

.navbar-dark .navbar-toggler-icon {
	/**background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)'"); **/
	/**background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,0,0, 0.2)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); **/
	/**background-image: url("./resources/blueimages/mobile-table-icon.png"); **/
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 232 123'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eburgerlinescode%3C/title%3E%3Cpath id='Rectangle_1_copy_2' data-name='Rectangle 1 copy 2' class='cls-1' d='M5,0H227a5,5,0,0,1,5,5V18a5,5,0,0,1-5,5H5a5,5,0,0,1-5-5V5A5,5,0,0,1,5,0ZM5,50H227a5,5,0,0,1,5,5V68a5,5,0,0,1-5,5H5a5,5,0,0,1-5-5V55A5,5,0,0,1,5,50Zm0,50H227a5,5,0,0,1,5,5v13a5,5,0,0,1-5,5H5a5,5,0,0,1-5-5V105A5,5,0,0,1,5,100Z'/%3E%3C/svg%3E");
}

.sidenav .display-inline {
	display: inline;
}

.secondary-btn {
	color: #ffffff;
	border: 1px solid #ffffff;
}

.filter-transition {
	transition: 1s;
}

button {
	text-overflow: ellipsis;
}

.font-btn-overflow {
		width: 320px;
		font-size: 12px;
}

.search-btn-overflow {
	font-size: 13px;
}

.sidenav .dropdown-menu {
	padding-left: 15px;
}

.text-transform-capitalize {
	text-tranform: capitalize;
}

.close {
    font-size: 1rem;
}

.btn-primary-hover-border:hover {
	border: 1px solid;
}

.mobile-dropdown-menu {
	border: 1px solid #cecece;
	border-top: 0px;
}

.slide-down:after {

}

.flat-button3 {
	width: 100px;
}

.mobile-menu-item {
	padding-top: 10px;
	padding-bottom: 10px;
}

.mobile-menu-btn {
	width: 100px;
}

.img-muted-color {
	color: #D3D3D3;
}

.vertical-align-middle {
	vertical-align: middle;
}

.m-l-40 {
	margin-left: 40px;
}

.btn-xl {
	width: 300px;
}

.btn-md {
	width: 130px;
}

.btn-lg {
	width: 180px;
}

.modal-overflow-hidden {
	overflow-x: hidden;
}

.sub-profile-pill {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 50%;
	white-space: normal;
	background-color: #EEF2F5;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
}

.circle {
    width: 40px;
    line-height:40px;
    padding:5px;
    background-color: #fff;
    border: 2px solid #111;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
		box-sizing: content-box;
		text-align: center;
		font-weight: bold;
}

.sep-licenses {
	border-top: 2px solid #ced4da;
}

.widthAuto{
	width: auto;
}
.form-control-danger {
	border: 1px solid #dc3545;
}

.fixed-font-size-15 {
	font-size: 15px;
}

.btn-white-border {
	border: 2px solid #ffffff;
}

label {
	font-size: 13px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	color: #303030;
}
.border-color-white{
	border-color: white !important;
}
.buttonPanel{
	position: fixed;
	padding: 10px 10px 0px 10px;
	bottom: 0;
	width: 72.6%;
	/* Height of the footer*/ 
	height: 80px;
	background: #478bf9;
	margin-left: -30px;
	padding-left: 20px;
	border-top:2px solid #F2F4F7;
}

.left{
	float: left;
}
.right{
	float: right;
}
.nav-breadcrumb {
	margin-left: -15px;
	margin-right: -15px;
}

.breadcrumb-link {
	color: #007bff;
	font-weight: 600;
}
.optional-label-title{
	color: #ffffff;
	font-size: 12px;
	background-color: #478bf9;
	border-radius: 45px;
	padding: 4px 13px;
	margin-left: 10px;
	margin-top: -2px;
	font-weight: normal;
	
}

.optional-label{
	color: #ffffff;
	font-size: 9px;
	background-color: #478bf9;
	border-radius: 45px;
	padding: 3px 10px;
	margin-left: 3px;
	font-weight: normal ;
	letter-spacing: 0.5px;
}

.social-item{
	cursor: pointer;
	margin-left: 20px;
}

.calendar-0 {background-color: #C4C4C4}
.calendar-1 {background-color: #AFEF91}
.calendar-2 {background-color: #AAEAEE}
.calendar-3 {background-color: #FF47FF}
.calendar-4 {background-color: #C299F3}
.calendar-5 {background-color: #99C2EA}
.calendar-6 {background-color: #3A73E7}
.calendar-7 {background-color: #1B887A}
.calendar-8 {background-color: #28754E}
.calendar-9 {background-color: #0D7813}
.calendar-10 {background-color: #528800}
.calendar-11 {background-color: #88880E}
.calendar-12 {background-color: #AB8B00}
.calendar-13 {background-color: #BE6D00}
.calendar-14 {background-color: #B1440E}
.calendar-15 {background-color: #865A5A}
.calendar-16 {background-color: #705770}
.calendar-17 {background-color: #4E5D6C}
.calendar-18 {background-color: #5A6986}
.calendar-19 {background-color: #4A716C}
.calendar-20 {background-color: #6E6E41}
.calendar-21 {background-color: #8D6F47}

.calendar-assign {background-color: #865a5a}

.cal-job-item {
	padding: 5px 20px 5px 2px;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px;
	font-size: 12px;
}

.cal-jobs-filter-label {
	border-bottom: 2px #679ACD solid;
}

.cal-jobs-filter-btn {
	height: 15px;
  color: #FFFFFF;
  background: #679ACD;
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
  padding: 3px 10px 5px;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.p-l-32 {
	padding-left: 32px;
}

.breadcrumb {
	background-color: #EEF2F5;
}

.gdpr-checkbox-container {
	margin-bottom: 0px;
}

.menu-item-last {
	margin-right: 0px;
}

.nav-breadcrumb {
	margin-right: 0px;
}
.jumbotron {
	margin-bottom: 1rem;
}

.btn-circle {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 25px;

}

.line {
	width: 100%;
	border-bottom: 5px dotted #ddd;
	position: relative;
	overflow: visible;
	margin-bottom: 35px;
}

.line-white {
	width: 100%;
	border-bottom: 5px dotted #fff;
	position: relative;
	overflow: visible;
	margin-bottom: 35px;
}

.line-solid {
	width: 100%;
	border-bottom: 3px solid #d7d9da;
	position: relative;
	overflow: visible;
	margin-bottom: 35px;
}

.line-wrapper {
	position: relative;
	margin-bottom: 35px;
	margin-top: 39px;
	margin-left: 20px;
}

.vertical-line {
	border-left: 2px solid #d7d9da;
	position: absolute;
	bottom: 30px;
  top: 20px;
}

.doc-navigation {
	/* border-right: 1px solid #d7d9da; */
  padding: 30px;
  height: 100%;
  overflow: auto;
  left: 0px;
  top: 0px;
}

.package-title {
	width: 300px;
	height: 36px;
	margin: 25px 0 39px;
	/* font-family: Lato; */
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #495057;
}

.doc-title {
	width: 182px;
	height: 282px;
	margin: 0 0 47px 30px;
	padding: 202px 40px 60px 78px;
	/* font-family: Lato; */
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 3.36;
	letter-spacing: normal;
	color: #495057;
  }

.doc-navigation::-webkit-scrollbar{
	width: 5px;
  height: 5px;
  margin-right: -20px;
}

.doc-navigation::-webkit-scrollbar-track {
  -webkit-border-radius: 2.5px;
}

.doc-navigation::-webkit-scrollbar-thumb {
 	background-color: #D9DBDE; 
	 border-radius: 2.5px;
	 

}


.circle-step {
	position: absolute;
	width: 120px;
	height: 120px;
	background: #E8E8E8;
	border-radius: 50%;
	font-size: 30px;
	font-weight: 500;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: white;
	transform: translate(-50%, -50%) scale(.6);
	cursor: pointer;
	border-width: 3px;
}

.circle-step-small {
	width: 30px;
	height: 30px;
	background:  #495057 ;
	border-radius: 50%;
	font-size: 30px;
	font-weight: 500;
	font-stretch: normal;
	letter-spacing: normal;
	color: white;
	transform: translate(2.5%, -35%) scale(.6);
	cursor: pointer;
	border-width: 3px;
	text-align: center;
  vertical-align: middle;
  line-height: 25px;
/* 	border: 3px solid #d7d9da; */
}

.circle-step-small-active {
	background: #488bf9;
}
.circle-step-small-attention-needed-active{
	background: red;
	border: 3px solid #488bf9;
	
}

.status-pending {
	background: #fff !important;
	border: 3px solid #d7d9da;
}

.status-pending-skipped{
	background:#c8cacc	;
}
.status-completed {
	border: 0px solid  #495057  !important;
	background-size: contain;
}

.status-attention-needed {
	border: 3px solid red !important;
	background: red;
	color: white;
}

.active-attention-needed {
	color: red;
}

.active-status-pending {

}
.anti-hover:hover{
	opacity: 1;
}

.circle-step:hover {
	background: #ddd;
}

.circle-step-disable {
	cursor: auto;
}

.circle-step-active {
	background: white;
}

.circle-step-active:hover {
	background: white;
}

.dropbox-icon {
	background-image: url('./resources/images/dropbox-24.png');
	width: 24px;
	height: 24px;
}

.googledrive-icon{
	background-image: url('./resources/images/googledrive-24.png');
	width: 24px;
	height: 24px;
}

.imagetextbutton {
	width: 300px;
  height: 44px;
  color:white;
  background-color: white;
  cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	color:black;
	border: 1px solid #d2d4d8;
}


.btn-choose-file {
  position: relative;
	overflow: hidden;
	width: 300px;
  height: 44px;
  color:white;
  background-color: white;
  cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	color:black;
	border: 1px solid #d2d4d8;
}
.btn-choose-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.modal-lg {
	overflow-y: hidden;
}

.multi-select-z-index {
	z-index: 99;
}

.divachat-iframe {
		height: 810px;
		width: 500px;
		position: fixed;
		bottom: 0;
		right: 0;
		border: 0px;
		background-color: transparent;
		z-index: 1000;

		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none;

		/** visibility: hidden; **/
		/** animation: 0.5s ease-in 4s forwards divachat-iframe; **/
}

.divachat-namespace {
	min-height: 250px;
	box-shadow: rgba(0, 0, 0, 0.16863);
	overflow-x: hidden;
	overflow-y: hidden;
	opacity: 1;
	z-index: 89779787987987879787;
	width: 100%;
	height: 100%;
	max-height: none;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	position: fixed;
}

.divachat-page {
	height: 100%;
	width: 100%;

	bottom: 0;
	right: 0;
	border: 0px;
	background-color: transparent;
	z-index: 999999999999999;

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;

}

:focus-visible{
	outline: 2px solid #2684FF !important;
}

input[type=text]:focus-visible,input[type=password]:focus-visible, textarea:focus-visible{
	outline: none !important;
}

input[type=radio]:focus-visible + .radio-checkmark,input[type=checkbox]:focus-visible + .checkmark,input[type=file]:focus-visible +.input-file-trigger{
	outline: 2px solid #2684FF !important;
}

.dropZone:focus-within{
	outline: 2px solid #2684FF !important;
}

.locked {
	display: inline-block;
	position: relative;
    margin: -1px -1px -1px 5px;
	cursor: pointer;
}

.locked[data-msg]:hover::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #242628;
	transform: rotate(45deg);
	left: 140%;
	top: 20%;
	z-index: 200;
}

.locked[data-msg]:hover::after {
	content: "This field cannot be edited because it has been verified by your recruiter. If you wish to make changes to your information, please contact yout recruiter.";
	padding: 5px 10px;
	color: #fff;
	position: absolute;
	left: 165%;
	top: -80%;
	white-space: nowrap;
	z-index: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #242628;	
	overflow: hidden; 
	width: 550px;
	white-space: normal;
}

.mobile-sidebar-collapse {
    display: none;
}

.final-submit-mobile {
	height: 50px;
    min-width: 150px;
	width: auto;
}

.df-scrollbar
{
	overflow: scroll;
}

.df-scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.df-scrollbar::-webkit-scrollbar
{
	width: 7px;
    height: 7px;
	background-color: #F5F5F5;
}

.df-scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #585858;
}

.fit-content-continue-op-docs-btn{
	width: fit-content;
	width: -moz-fit-content;  
}

/* Styles for tables with border=1 in JobDetails component */

.jd-border-1 {
	border: 1px solid black;
}

.jd-border-1 td {
	border: 1px solid black;
}

.jd-border-1 th {
	border: 1px solid black;
}