@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play'), url('/ttf/Play-Regular.ttf') format('truetype');
}
html {
  position: relative;
  min-height: 100%;
}
#cover{
	position:   fixed;
	z-index:    5000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, 0.8 );
	display:none;
    
}
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading #cover {
    display: block;
}
body {
	/*background-image: url("/img/background.jpg");*/
	background-color: #fff;
	/*font-family: 'Play',sans-serif;*/
	font-size:14px;
	/* Margin bottom by footer height */
	/*margin-bottom: 60px;*/
}


.container {
	margin:12px;
	margin-top:22px;
	padding-bottom:22px;
	background-color:#fff;
}

.container-fluidz {
	margin-top:12px;
	padding-top:25px; 

	background-color:#fff;
}


.back {
	font-size:14px;

}

.logo {
	text-shadow: 2px 1px 0px #fff, 5px 4px 0px rgba(0,0,0,0.15);
 }
    
.logo2 {
	text-shadow:#ffffff 2px 2px 0px, rgba(0, 0, 0, 0.2) 4px 4px 0px;
	
}


.octicon.half-width {
	width:0.5em;
}
.octicon.threefourths-width {
	width:0.75em;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-right:60px;
  margin-left:-15px;
  
  padding-top:12px;
  
  /* Set the fixed height of the footer here */
  height: 60px;
 /* background-color: #f5f5f5;*/
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner .6s linear infinite;
}


.well-tight {
	padding:6px;
	padding-left:12px;
}

.well {
    background: #6ccf69;
    font-weight: normal;
}
.well h4 {
	font-weight:normal;
}

.well-error {
	background: #cf6969;
	color:#fff;
}
.well-error a {
	background: #cf6969;
	color:#000;
}

/*.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}*/

.nav-tabs {
/*    margin-bottom: 0;*/
}

button:disabled {
  cursor: default;
  pointer-events: all !important;
}

.btn.nohover:hover {
    /* here copy default .btn class styles */
    cursor:default !important;
 	pointer-events: none !important;  
    /* or something like that */
}

.label-applicationStatus {
	font-size:12px;
}

.jobLabel {
	font-weight: bold;
	text-align: right !important;
}
.status-panel-heading {
	font-weight: bold;
}

.question_off {
	opacity:0.2;
}
.top-buffer-sm {
	margin-top:10px; 
}


ol.breadcrumb {
	margin:3px;
	padding:0px;
}


/*.breadcrumb > li + li:before {
    color: #ccc;
    content: "> ";
    padding: 0 5px;
}*/

.display-none {
	display:none;
}

 .panel-body {
 	padding:5px;
 }
 
 .panel-heading {
 	padding: 7px 10px;
 }

.jobFit {
	padding:5px;
	display: inline-block;
	text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    color:#fff;
    cursor: default;
    pointer-events: none;
    
}

.btn-jobfit-poor {
	background-color:#8b0000;
}
.btn-jobfit-dnq {
	background-color:#d9534f;
}

.btn-jobfit-good {
	background-color:#f0ad4e;
}
.btn-jobfit-inprogress {
	background-color:#AAA;
}


.btn-step-not-started {
	background-color:#AAA;
}

.btn-step-resume {
	background-color:#AAA;
}

.btn-step-initial-questions {
	background-color:#AAA;
}

.btn-step-assessment {
	background-color:#AAA;		
}
.btn-step-video {
	background-color:#AAA;
}


.btn-step-done {
	background-color:#328332;
}

		



.btn-jobfit-0 {
	background-color:#AAA;
}
.btn-jobfit-1 {
	background-color:#337ab7;
}
.btn-jobfit-2 {
	background-color:#5cb85c;
}
.btn-jobfit-3 {
	background-color:#d9534f;
}
.btn-jobfit-4 {
	background-color:#d9534f;
}
.btn-jobfit-5 {
	background-color:#4cb6b7;
}
.btn-jobfit-6 {
	background-color:#d9534f;
}
.btn-jobfit-7 {
	background-color:#f0ad4e;
}
.btn-jobfit-8 {
	background-color:#f0f04e;
}
.btn-jobfit-8 {
	background-color:#f0f04e;
	color:#000;
}

.btn-hold {
	background-color:#ddd;
}
.btn-pending-active {
	background-color:#a6dba6;
}

.btn.top {
	margin-top:8px;
}

.highlight {
	background-color:#ffc;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:center;
    /* inline-block space fix */
    margin-right:-4px;
}

/*.wizard a {padding: 12px 12px 10px 12px; margin-right:5px; margin-bottom:4px; background:#fbe8aa; position:relative; display:inline-block;cursor:pointer; }
.wizard a:before {width:0px; height:0px; border-top: 24px inset transparent; border-bottom: 24px inset transparent; border-left: 24px solid #fff; position: absolute; content: ""; top: 0; left: 0;}
.wizard a:after {width:0px; height:0px; border-top: 24px inset transparent; border-bottom: 24px inset transparent; border-left: 24px solid #fbe8aa; position: absolute; content: ""; top: 0; right: -24px; z-index:2;}
.wizard a:first-child:before {border:none;}
.wizard a:last-child:after {border:none;}
.wizard a:hover { text-decoration: none; }

.wizard a:first-child {-moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius:   4px 0 0 4px;}
.wizard a:last-child {-moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius:   0 4px 4px 0;}

.wizard .label {margin:0 5px 0 18px; position:relative; top:-1px;}
.wizard a:first-child .badge {margin-left:0;}

.wizard .current {background:#4DAE4A;color:#fff; }
.wizard .current:after {border-left-color:#4DAE4A;}

.wizard .lock {background:#eee; }
.wizard .lock:after {border-left-color:#eee;}
.wizard {
	font-size:19px;
}*/

/*.breadcrumb .active {
	font-size:18px;
}*/

.job-step .octicon {
	font-size:140%;
}

.topnav {
	font-size:16px;
}

.topnav .dropdown-menu {
	font-size:16px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{
    background-color: #CEDFF1 !important;
}
.btn-xl {
    font-size: 20px;
    padding: 8px 10px;
    border-radius: 6px;
}
.col-sm-1 {
	font-size:14px !important;
}

hr {
/*	border-top: 1px solid #444;*/
}

.bottom2 {
	margin-top:25px;
	padding:25px;
	background-color:#ddd;
	color: #777;
}
 


.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.candidate {
	/*font-size:16px;*/
}

a.disabled-link {
    cursor: default !important;
    color: #c4c4c4 !important
}

a.disabled-link .glyphicon {
    color: #c4c4c4 !important
}

.pages span, .pages a {
	padding-left: 4px; padding-right: 4px;
}

.dropdown-toggle {
	min-width: 100px;
}

.checkbox-menu .select-status label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
}

/*.checkbox-menu .multi input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}*/

.checkbox-menu .select-status label:hover,
.checkbox-menu .select-status label:focus {
    background-color: #f5f5f5;
}
.up {
	display: inline-block;
    width: 0px;
    height: 0px;
    border-style: inset;
    border-width: 0 15px 26px 15px;
    border-color: transparent transparent #dc3545 transparent;
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

.up p {
	
	color:#fff;
    text-align: center;
    top: 7px;
    font-size:13px;
    left: -7px;
    position: relative;
    width: 14px;
    height: 22px;
    margin: 0px;
}