/* FONT FACE */
@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter-Light.woff2') format('woff2'),
        url('../assets/fonts/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('../assets/fonts/Inter-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter-Bold.woff2') format('woff2'),
        url('../assets/fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter-Regular.woff2') format('woff2'),
        url('../assets/fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter-Medium.woff2') format('woff2'),
        url('../assets/fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../assets/fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* END FONT FACE */

body{font-family: 'Inter';}

#container {
	margin: 0 auto;
}

/* p { */
	/* text-align: center; */
/* } */

nav.main-navigation {
	margin: 0px 0;
	background-color: #E64A19;
}

nav.main-navigation ul {
	padding: 0;
  margin: 0;
	list-style: none;
	position: relative;
	}
	
nav.main-navigation ul li {
	/* display:inline-block; */
	/* background-color: #E64A19; */
	}
nav.main-navigation ul li.active a{ color:#E64A19 !important;}
nav.main-navigation a {
	display:block;
	padding:0 10px;	
	/* color:#FFF; */
	font-size:16px;
	line-height: 60px;
	text-decoration:none;
	font-weight:500; 
	text-transform:uppercase;
}

nav.main-navigation a:hover{color: #E64A19 !important;}

/* nav.main-navigation a:hover {  */
	/* background-color: #000000;  */
	/* color: #fff; */
    /* text-decoration: none */
/* } */

/* Hide Dropdowns by Default */
nav.main-navigation ul ul {
	display: none;
	position: absolute; 
	top: 60px; /* the height of the main nav */
}
	
/* Display Dropdowns on Hover */
nav.main-navigation ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
/* nav ul ul li { */
	/* width:170px; */
	/* float:none; */
	/* display:list-item; */
	/* position: relative; */
/* } */

/* Second, Third and more Tiers	*/
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:170px;
}

	
/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }

button.btn.btn-primary.refreshBttn {
    margin-left: 20%;
    margin-bottom: 1%;
    /* text-align: center; */
}
.updateBttns {
    float: right;
    padding-top: 1%;
    margin-top: 3%;
}

select {
    width: 100%!important;
}
/* .col-md-6.form-inner { */
    /* width: 100%; */
    /* float: left; */
    /* margin-bottom: 18px; */
/* } */
button.btn.dropdown-toggle.bs-placeholder.btn-light {
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 0px;
    padding: 11px 10px;
}

button.btn.dropdown-toggle.btn-light{
	border: 1px solid #000;
    background-color: #fff;
    border-radius: 0px;
    padding: 11px 10px;	
}
.modal-dialog {
    max-width:none; 
    margin: 50px auto;
}
.modal-dialog {
    width: 70%;
}
/* i.fas.fa-calendar.input-prefix { */
    /* float: right; */
    /* top: 39px !important; */
    /* position: absolute; */
    /* right: 26px; */
/* } */


.formSearchSection{    display: flex;
    gap: 10px;}
.btnGetAccess {
    text-align: left;
    padding-top: 1%;
    padding-left: 1%;
}

#myModal .close{border: 1px solid #c7c7c7;
    border-radius: 5px;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%!important;
}

/* li.page-item { */
    /* height: 60px; */
    /* width: 60px; */
/* } */
/* li.page-item.current { */
	
    /* padding: 2px 5px 2px 5px; */
    /* margin-right: 2px; */
    /* border: 1px solid #52bfea; */
    /* font-weight: bold; */
    /* background-color: #52bfea; */
    /* color: #FFF; */
/* } */

/* .form-group { */
    /* width: 50%; */
/* } */
.form-1 {
    width: 100%;
    min-height: 48px;
    border: 1px solid #a5a5a5;
	position:relative;
	padding-left: 15px;
}
.formInput{position:relative;}
.formInput i{top: 15px !important;
    position: absolute;
    right: 15px;}
.form-select {
    width: 100%;
    padding: 5px 0px;
    background-color: #fff;
    border: 1px solid #8c8e90;
}
.formDetails label{font-weight:600; margin-bottom:5px;}
#myModal .modal-footer{flex-direction: row-reverse;
    justify-content: flex-start;}
.modal-dialog {
    max-width: 980px;
    margin: 30px auto;
}
.modal-body img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-bottom: 19px;
}
	.loadMap {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% - 50%);
}
#services {
    width: 50%;
}
#map_canvas {
    width: 100%;
}
.main-navigation{    position: relative;
    z-index: 99;}

.table.manage-candidates-top.mb-0 {
    width: 100% !important;
    min-width: auto;
}
.fas {
    font-weight: 900;
    color: #239C9D;
}
a {
    color: #000;
    font-weight: 600;
    font-size: 17px;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
    border-left: 1px solid #e6e6e6;
}

.title {
    padding-left: 13px !important;
    padding-top: 14px !important;
}
.filter-option {
    top: -8px !important;
}
a.open-ViewLocation.btn.btn-primary {
    color: #fff;
    margin-top: 11px;
}
.totalcount {
    float: right;
    font-weight: bold;
}
/* b.border-line { */
    /* border-right: 7px solid #d92666; */
    /* padding-right: 6px; */
/* } */






a._location, ._print {
    color: blue;
    text-decoration: underline;
    text-shadow: 1px 1px 1px #555;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  
}

th, td {
  text-align: left;
  padding: 8px;
  font-size:14px !important;
  
}

tr {
    border: 1px solid #acabab;
}
td:first-child{font-weight:bold;}
map {
    display: flex;
    width: 100%;
}
.clear{clear:both;
  padding-bottom: 22px;}

  @media all and (max-width: 768px) {
  .col-md-6.job-table-left {
    padding-bottom: 23px;
}
.col-md-6.form-inner{
    max-width:100% !important;
}
  }

.clear{
  padding-bottom: 0px;}
  }
  
  span#totalJobsFound {
    margin-left: 5px;
}

a.editText {
    font-size: small;
    font-weight: lighter;
    color: blue;
}


/* SelectionBox */
.selectionOptionBox{margin-top: 50px; margin-bottom: 35px;}
.selectedOption{ padding: 15px;
    border-radius: 5px;
    background: #777;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
	cursor:pointer;}
	.selectedOption:hover{background:#555;}
	.selectedOption i{color:#fff;}
.selectedOption:before{position: absolute; content: "\f107";  right: 0;  font-family: "Font Awesome 5 Brands"; color: #fff; }
.selectedList{display:none;}
.selectedList.show{display: block; background: #f1f1f1; padding: 15px; font-weight:600;}
.selectedList.show ul{list-style-type:decimal; transition: all 0.3s linear; column-count: 2;}
.selectedList.show ul li a{font-size:16px; font-weight:400; text-transform: capitalize;}
.selectedOption a{color:#fff;}
.selectedOption.show i{    transform: rotate(180deg);}
.pagination{display: flex; gap: 5px; flex-wrap:wrap;}
.pagination .current a, .pagination .page-item a:hover{background: #555 !important; color: #fff; border-color: #555 !important;}
.pagination .page-item a {background: #777; color: #fff; border-color: #777;}
.collapseSection{max-width: 20%;  margin: 0 0 0 auto;}
.collapse-close{display:none;}
.collapse-close.show{display:block;}

.collapse-sec{display: flex; flex-direction: row; align-items: center; align-content: center; gap: 5px; justify-content: space-between;   font-size: 14px;  font-weight: bold;}
.collapse-sec i{color:#000;}
  .collapse-sec{    padding: 8px;
    background: #777;
    border-radius: 4px;
    color: #fff;}
.candidate-list-details ul{flex-direction: column;}

	.collapse-sec i{color:#fff;}
	.collapse-sec.show i.fa-angle-down{transform: rotate(180deg);}
	.collapse-close.show{background: #e3e3e3;
    padding: 5px;
    border-radius: 5px;}
	.collapse-close.show p{margin-bottom:5px;}
	.collapseSection .collapse-sec{margin-bottom:5px;}
.collapseSectionParts {
    max-width: 85%;
    margin: 0 0 0 auto;
}
/* End of SelectionBox */
.manage-candidates-top .candidates-list{display:flex;}
.manage-candidates-top .candidates-list .count{color:#fff !important;     min-width: 100px;}
.candidate-list-option .collapsible .fas{margin-right:10px; color:#fff;}

.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: Roboto;
}

#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
}

.pac-controls {
  display: inline-block;
  padding: 5px 11px;
}

.pac-controls label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}

#pac-input {
      top: 85px !important;
    left: 10 !important;
    border-radius: 3px;
    border-color: #eee;
    padding: 10px;
    outline: none;
	background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    max-width: 60%;
    margin: 0 auto !important;
    width: 100%;
	min-height: 42px;
}
.gm-control-active.gm-fullscreen-control{top:75px !important;}
.loadMap .gmnoprint{top: 120px !important;}

#pac-input:focus {
  border-color: #4d90fe;
}

#title {
  color: #fff;
  background-color: #4d90fe;
  font-size: 25px;
  font-weight: 500;
  padding: 6px 12px;
}

#target {
  width: 345px;
}
tr.candidates-list.bannedjobs {
    -webkit-filter: blur(1px);
}

/* Absolute Center Spinner */

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


/* Transparent Overlay */

.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
nav li.active:after{display:none;}
.modal-backdrop{display:none;}
#map_canvas~.modal.fade.show{background: rgba(0,0,0,0.5);}
.modal-open .main-navigation{    z-index: 0;}
.modal-backdrop.fade.show{width:100%; height:100%;	}
.candidate-list-option .accordion .accordion-button{background: #eee;
    width: auto;
    border: none !important; display: inline-block;     padding: 10px;}
    .candidate-list-option .accordion .accordion-header{text-align:right;}
    .candidate-list-option .accordion .accordion-item{border:none;}
    .user-dashboard-info-box .title{padding:30px 15px;}






@media all and (max-width: 768px) {
	.col-md-6 {
    max-width:100% !important;
}
}

@media all and (max-width:767px){
	#services, .loadMap { 
    width: 100%; position:unset;
	}
    #services, #map_canvas{float: none;}
	#pac-input{top:8px !important;}
	.loadMap .gmnoprint{    top: 45px !important;}
    .gm-control-active.gm-fullscreen-control{top:0px !important;}
    .selectedList.show ul li a{font-size: 14px;}
}

.printJob {
    float: right;
}