.sf-step{
	overflow: auto;
}

.navbar-brand {

	height: auto;

}
/**/

.form-group-inline label {
    float: left;
    text-align: left;   
}

.form-group-inline select {
    display: inline-block;
    width: auto;
    vertical-align: middle;
	font-weight:normal;
	margin-right:10px;
}

.badge{
    font-size: 11px;
    font-weight: 600;
}

.bg-light-gray{
background-color: #f5f5f5;
}

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

/* Form errors */
form .error {
	/*background: #FFDACC;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	/* background: none; */
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: red;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #F9F2F4;
	
	color:#C7254E;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	
}

.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}


.icon-select .selected-box {
    margin: auto !important;
}

h1, .h1 {
    font-size: 32px;
}

.row-data{
	cursor:pointer;
}
	
.small-size{
	font-size:12px;
}

.modal-header {
	padding: 10px;
}

.container {
    background-color: white;
}

.navigation-toggler .btn {
    background-color: transparent;
    color: #e6f1f7;
    transition: all 0.2s ease 0s;
}

 .navigation-toggler .btn .icon-bar {
    background-color: #e6f1f7;
    border-radius: 1px;
    display: block;
    height: 2px;
    margin-bottom: 2px;
    transition: all 0.2s ease 0s;
    width: 13px;
}

/**/

.loading-message {
    color: gray !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin: 0 auto;
    min-width: 125px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
.loading-message.loading-message-boxed {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	background: url(../img/loading.gif) center no-repeat #eee;
}
.loading-message > span {
    line-height: 20px;
    vertical-align: middle;
}
/**/

.top-widget {
    display: inline-block;
    font-size: 0;
}

.top-widget div {
    float: left;
    margin-left: 6px;
}
.top-widget span {
   
    font-size: 12px;
    font-weight: bold;
}
.bullet {
    background: #db4503 none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
    padding: 5px;
}
.tit-widget {
    font-weight: bold;
    margin: 3px;
    width: 90px;
}
.tit-widget2 {
    color: gray;
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-weight: 600;
	margin: 3px;
}
.icon-widget {
    margin: 7px;
}
.icon-widget > i {
    font-size: 18px;
}
.flag1 {
    background: #3a9d02 none repeat scroll 0 0;
    border-radius: 2px;
    height: 40px;
    width: 1px;
}
.f1 {
    color: #3a9d02;
}
.flag2 {
    background: #407a7b none repeat scroll 0 0;
    border-radius: 2px;
    height: 40px;
    width: 1px;
}
.f2 {
    color: #407a7b;
}
.flag3 {
    background: #ffb900 none repeat scroll 0 0;
    border-radius: 2px;
    height: 40px;
    width: 1px;
}
.f3 {
    color: #ffb900;
}
.flag4 {
    background: #0b92b0 none repeat scroll 0 0;
    border-radius: 2px;
    height: 40px;
    width: 1px;
}
.f4 {
    color: #0b92b0;
}

/*/*/

.customer-logo{
	max-width: 200px;
	max-height: 100px;
}
	
.display-none{
    display: none;
}

.over-scroll-auto{
	overflow: auto;
}

.cursor-pointer{
	cursor: pointer;
}

.right-5{
    right:5px !important;
}
.width-0{
    width:0%;
}
.width-15{
    width:15%;
}
.width-50{
    width:50%;
}
.width-80{
    width:80%;
}
.width-90{
    width:90%;
}
.width-50px{
    width:50px;
}
.width-90px{
    width:90px;
}
.width-120px{
    width:120px;
}
.width-150px{
    width:150px;
}
.width-200px{
    width:200px;
}
.height-auto{
    height: auto;
}
.height-120{
    height: 120px;
}
.height-400{
    height: 400px;
}
.height-500{
    height: 500px;
}

.padding-0{
    padding:0px !important;
}
.padding-5{
    padding:5px;
}
.padding-10{
    padding:10px;
}
.padding-15{
    padding:15px;
}
.padding-25{
    padding:25px;
}
.padding-45{
    padding:45px;
}
.padding-2-5{
    padding: 2px 5px;
}
.p-top-3{
    padding-top:3px;
}
.p-right-0{
    padding-right:0px;
}
.p-right-10{
    padding-right:10px;
}
.p-left-10{
    padding-left:10px;
}
.p-left-15{
    padding-left:15px;
}
.p-left-30{
    padding-left:30px;
}
.m-0-2{
    margin:0 2px;
}
.m-0{
    margin:0px;
}
.m-10{
    margin:10px;
}
.m-0-auto{
    margin:0px;
}

.m-top--30{
    margin-top: -30px;
}
.m-top--15{
    margin-top: -15px;
}
.m-top--2{
    margin-top: -2px;
}

.m-top--4{
    margin-top: -4px;
}
.m-top-0{
    margin-top: 0px;
}
.m-top-3{
    margin-top: 3px;
}
.m-top-5{
    margin-top: 5px;
}
.m-top-9{
    margin-top: 9px;
}
.m-top-10{
    margin-top: 10px;
}
.m-top-11{
    margin-top: 11px;
}
.m-top-15{
    margin-top: 15px;
}
.m-top-20{
    margin-top: 20px;
}
.m-top-25{
    margin-top: 25px;
}
.m-top-35{
    margin-top: 35px;
}
.m-left--15{
    margin-left:-15px;
}
.m-left-5{
    margin-left:5px;
}
.m-left-10{
    margin-left:10px;
}
.m-left-12{
    margin-left:12px;
}
.m-left-13{
    margin-left:13px;
}
.m-left-14{
    margin-left:14px;
}
.m-left-15{
    margin-left:15px;
}
.m-left-18{
    margin-left:18px;
}
.m-left-27{
    margin-left: 27px;
}
.m-bottom-0{
    margin-bottom: 0px;
}
.m-bottom-10{
    margin-bottom: 10px;
}
.m-bottom-5{
    margin-bottom: 5px;
}

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

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

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

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.table > thead > tr {
    background-color: #f2f2f2;   
}

.table-striped > tbody > tr:nth-child(odd) {
  background-color: #fff;
}
.table-striped > tbody > tr:nth-child(even) {
  background-color: #f9f9f9;
}
.container-candidate-photo{
  width: 70px; 
  height: 70px; 
  overflow: hidden;
  margin: auto;

}

.container-candidate-photo img { 
  max-width: 100%;
  height:auto; 
}

 .clear { 
  clear: both; 
  }

.font-size-reset{
  font-size:100%;
}
 
.bs-callout {
    padding: 20px;
    margin: 5px 0 5px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
  overflow:auto;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
	}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
/*  */

 .inner-table-bordered {
    border: 1px solid #dddddd;
    border-radius: 6px;
}

 .inner-table-bordered > tbody > tr > td{
    border: 1px solid #dddddd;   
}

.inner-table-bordered > thead > tr > th {
    background-color: #DEEAFA;
    border-bottom-width: 1px !important;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;   
  text-transform:none;
}

.panel-gray{
  background-color:#F2F2F2;
}

.text-transform-none{
  text-transform: none;
}


/**/

.panel-dark {
  border-color: #dddddd;
}
.panel-dark > .panel-heading {
  color: #ffffff;
  background-color: #222222;
  border-color: #dddddd;
}
.panel-dark > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-dark > .panel-heading .badge {
  color: #ffffff;
  background-color: #333333;
}
.panel-dark > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}

.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 12px;
}

.customer-logo{
	max-width: 200px;
	max-height: 100px;
}


.user-image .user-image-buttons {
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
}
.user-image:hover .user-image-buttons {
	display: block;
}

legend {
	background-color:white;
    font-size: 12px;
    padding: 2px 10px;  
	text-transform:uppercase;
	font-weight:600;
/* 	text-shadow: 3px 3px 2px rgba(150, 150, 150, 0.5);*/
	border:0;
	color: firebrick;
	
}

fieldset {
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:10px;
	background-color:white;
	padding:0 15px 15px 15px;
}

.form-horizontal fieldset .form-group{
	margin-left:15px;
	margin-right:15px;
	
}