/*=======================================
Jobsite Overrides
========================================*/


.wrapper {
	background: #fff;
}

.display-none {
	display: none;
}

.display-none-important {
	display: none!important;
}

/*
.jobsite-promo.home:before {
    background: rgb(75, 191, 107);
    position: absolute;
    opacity: 0.9;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}*/

.download-app:before {
	background: #f5f6f7;
}


.download-app h1,.download-app h2,.download-app p,.download-app ul {
	color:rgb(53, 67, 78);
}

.jobsite-promo.home h4 {
	text-transform: none;
}

/*
.jobsite-promo.home h4,.jobsite-promo.home p,.jobsite-promo.home ul {
	color:#fff;
}*/

.jobsite-promo.home .app-content a.btn.call-btn {
	background:#f6931e;
}

.jobsite-promo.home .app-content a.btn.call-btn:hover {
	background:#fff;
	color:#000;
	border:1px solid #000;
}

.jobsite-promo.home .app-content {
	padding-top: 1em;
}

.download-app .app-content a.btn.call-btn {
    border-radius: 50px;
    padding: 0.6em 1.4em;
    margin-right: 20px;
    text-transform: uppercase;
    background: #f6931e;
    /*border: 1px solid #35434e;*/
	border:none;
    transition: all ease-in-out 0.4s;
    color: #fff;
    margin-bottom: 10px;
    font-family: 'Quicksand', sans-serif;
}

.download-app .app-content a.btn.call-btn:hover {
	background:#fff;
	color:#000;
	border:1px solid #000;
}

@media only screen  and (max-width : 767px) {
	.hide-on-mobile {
		display:none!important;
	}

	.download-app {
		padding-top:0;
	}

	.app-content {
		text-align:center;
	}

	.app-content h1 {
		margin-top:0;
	}

	.download-app .app-content ul {
		text-align: center;
		margin: 20px 0;
		list-style-type: none;
	}

	.jobsite-promo .centre-align {
		text-align:center;
	}

	.app-content ul li {
		padding: 4px 0;
	}

	.app-content .pr-table {
		margin: 0 auto;
	}

	.mobile-top-pad {
		padding:0;
	}

	.pr-table {
		margin-bottom: 25px!important;
	}

}

@media only screen  and (min-width : 768px) {
	.only-show-on-mobile {
		display:none!important;
	}


}

@media only screen  and (max-width : 1023px) {
	.hide-on-tablet {
		display:none!important;
	}
}

/* form errors */

.alert-success {
	text-align:center;
}

form.cmxform label.error, label.error {
	background: #fcefee;
	color: #a94442;
	padding: 10px;
	border: 1px solid #a94442;
	text-align: left;
	margin-top: 6px;
	width: 100%;
	border-radius: 4px;
}

div.error {
	display: none;
}

input:focus {
	border: 1px dotted black;
}

input.error {
	border: 1px solid #a94442;
}

.form-error-summary {
	background: #fcefee;
	color: #a94442;
	padding: 20px;
	border: 1px solid #a94442;
	text-align: left;
	margin-bottom: 20px;
	border-radius: 4px;
}

.form-error-summary p {
	text-align: left;
}

.form-error-summary ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.form-error-summary h3 {
	margin: 0;
	padding: 0;
	font-size:18px;
}

.modal-dialog .close:hover, .modal-dialog .close:focus {
	color:#ccc;
}

.modal-dialog .close {
	font-size:40px;
	font-weight:500;
	color:#ccc;
}

.modal-body {
	padding:10px 16px;
	font-weight:500;
}

.modal-dialog .btn-modal-primary {
	background: rgb(75, 191, 107);
	color:#fff;
}

.modal-content {
	padding-bottom:16px;
}

.modal-header, .modal-footer {
	border:0;
}

.modal-dialog .btn-default {
	color:#444;
}

.modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

label.required:after {
	content:"*";
	color:red;
	font-size:18px;
	vertical-align: bottom;
	font-family: Verdana;
	padding-left:4px;

}

.jsiteCompo {
	border:1px solid #d6d6d6;
	margin-bottom:15px;
	border-radius:10px;
	padding:10px 0;
}

.jsiteCompo h3 {
	font-size:22px;
}

.jsiteCompo h2 {
	font-size:22px;
}

.onoffswitch {
   position: relative; width: 75px;
   -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
   display: none;
}
.onoffswitch-label {
   display: block; overflow: hidden; cursor: pointer;
   border: 2px solid #FFFFFF; border-radius: 50px;
}
.onoffswitch-inner {
   display: block; width: 200%; margin-left: -100%;
   transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
   display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
   font-size: 17px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
   box-sizing: border-box;
}
.onoffswitch-inner:before {
   content: "Yes";
   padding-left: 11px;
   background-color: rgb(75, 191, 107); color: #FFFFFF;
}
.onoffswitch-inner:after {
   content: "No";
   padding-right: 11px;
   background-color: #777777; color: #FFFFFF;
   text-align: right;
}
.onoffswitch-switch {
   display: block; width: 21px; margin: 6.5px;
   background: #FFFFFF;
   position: absolute; top: 0; bottom: 0;
   right: 41px;
   border: 2px solid #FFFFFF; border-radius: 50px;
   transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
   margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
   right: 0px;
}

.tags-list {
    margin:0;
    padding:0;
    list-style:none
}

.tags-list .tag {
	display:inline-block;
	padding: 12px;
	background: rgba(137, 153, 167, 0.12);
	margin-right: 7px;
	font-size: 16px;
	font-weight:600;
	margin-bottom: 5px;
	border-radius: 10px;
	color: #444;
}

.tags-list .clearTags {
	display:inline-block;
	padding: 12px;
	margin-right: 7px;
	font-size: 16px;
	font-weight:600;
	margin-bottom: 5px;
	border-radius: 10px;
}

.tags-list .clearTags a {
	color: #0079d6;
}

.mce-label.mce-charactercount {
	margin: 2px 0 2px 2px;
	padding: 8px;
	font-size: 12px;
	font-weight:600;
}

.jobsite-container {
	padding: 15px;
	background: #ffffff;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 30px;
	border: 1px solid #e3e9ef;
	border-left: 1px solid #e3e9ef;
	transition: all ease-in-out 0.4s;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);
}

.pr-table {
	background:#fff;max-width:340px;margin-top:20px;border: 1px solid rgb(53, 67, 78);;
}

@media only screen  and (max-width : 767px) {
	.jobsite-container-narrow {
		margin-left:10px;
		margin-right:10px;
	}
}

@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}

@media only screen  and (min-width : 768px) {
	.jobsite-container-narrow {
		max-width:50%;
	}
}

@media screen and (min-width:1025px){
    .tag a:hover span{
        text-decoration:line-through
    }
}

@media only screen  and (min-width : 768px) {
	/*------------Navigation------*/
	body nav.navbar.bootsnav ul.nav > li > a.signin.recruiter {
		background: #f6931e !important;
	}

	#jobSearchForm {
		padding: 0 20px;
	}

	#jobSearchForm  .btn-primary {
		min-width:112px;
	}

}

.assumeModeDiv {
	height:40px;
	text-align:center;
	font-weight:bold;
	background: #FFF9D7;
	padding:5px;
	border-bottom: 1px solid #E2C822;
	top: 0;
	width:100%;
	z-index:100;
}

.assumeModeDiv a {
    color:#0044cc;
}


.panel-table .panel-body{
  padding:0;
}

.panel-table .panel-body .table-bordered{
  border-style: none;
  margin:0;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
    //text-align:center;
    //width: 100px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
  border-right: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
  border-left: 0px;
}

.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{
  border-bottom: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{
  border-top: 0px;
}

.panel-table .panel-footer .pagination{
  margin:0;
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col{
 line-height: 34px;
 height: 34px;
}

.panel-table .panel-heading .col h3{
 line-height: 30px;
 height: 30px;
}

.panel-table .panel-body .table-bordered > tbody > tr > td{
  /*line-height: 34px;*/
}

/* invoice table */

.order-summary-table th, .order-summary-table td {
	padding:10px 10px 10px 0;
}

.order-summary-table td.leftCell {
	font-weight:700;
}

.order-detail-table {width:100%;;margin:15px 0}

.order-detail-table th {padding:7px 15px; text-align:left; border-top: 2px solid #aaa; border-bottom: 2px solid #aaa;font-weight:bold;}
.order-detail-table tr.summary-row td { border-top: 1px solid #ccc; padding:7px 15px;  }
.order-detail-table tr.item-row td { padding:7px 15px; }
.order-detail-table tr.total-row { font-weight:bold; font-size:14px; }
.order-detail-table tr.total-row td { border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; }

.company-logo-inlist img {
	max-width:120px;
	text-align:center;
	margin:0px auto;
}

.num-results-box {
	padding: 10px 20px!important;
}

.num-results-box h3 {
	margin:0 !important;
}

.textwidget a:hover {
	text-decoration: underline;
	color: rgb(75, 191, 107);
}


@media only screen  and (min-width : 768px) {
	.order-detail-table {width:500px;;margin:15px 0}
}

@media only screen  and (max-width : 767px) {
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
		color:#fff !important;
		border-bottom:solid 1px #4a5a67!important;
		padding-left:26px;
	}

	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover {
		background: transparent!important;
	}

}


@media only screen  and (max-width : 767px) {
	.company-logo-inlist img {
		padding-top:20px;
	}

	.download-cv-button {
		display:block;
		width:140px;
		margin:10px auto;
	}
}