/*
Template Name: Codecharge Record Panel Additional Style
Template Version: 1.0.0
Author: Jon L
Website: http://innz.egetcorp.com
*/


/********************Placeholder******************************/
input:invalid::-ms-input-placeholder{
  color: #f11;
}

input:invalid::-webkit-input-placeholder{
  color: #f11;
}
input:valid::-webkit-input-placeholder{
}
input:focus::-ms-input-placeholder{
  text-align: center;
  background: #eee;
  color:#428bca;
  border: solid 1px #428bca;
  border-radius: 4px;
  z-index: -1;
  -ms-transition: 0.2s ease-in-out;
  transform: translate(0, -24px);

}

input:invalid:focus::-webkit-input-placeholder{
  text-align: center;
  background: #fee;
  color:#f28bca;
  border: solid 1px #f28bca;
  border-radius: 4px;
  z-index: -1;
  -webkit-transition: 0.2s ease-in-out;
  -webkit-transform: translate(0, -24px);
}
input:valid:focus::-webkit-input-placeholder{
  text-align: center;
  background: #eee;
  opacity:0.8;
  color:#428bca;
  border: solid 1px #428bca;
  border-radius: 4px;
  z-index: -1;
  -webkit-transition: 0.2s ease-in-out;
  -webkit-transform: translate(0, -24px);
}
input:focus::-moz-placeholder{
  text-align: center;
  background: #eee;
  opacity:0.8;
  border: solid 1px #428bca;
  border-radius: 4px;
  z-index: -1;
  transition: 0.2s ease-in-out;
  transform: translate(0, -24px);
}
select:focus::-webkit-input-placeholder{
  text-align: center;
  background: #fee;
  color:#f28bca;
  border: solid 1px #f28bca;
  border-radius: 4px;
  z-index: -1;
  -webkit-transition: 0.2s ease-in-out;
  -webkit-transform: translate(0, -24px);
}

.f-row{
	margin-top:15px;
	font-size:110%;
}

label {
	margin-top:5px;
}

.error {
	border: dotted 1px #e55;
	border-radius: 6px;
	text-align:center;
	color: #f00;
	font-size: 16px;
	margin:0px;
	padding:10px;
}
/********************Record Panel******************************/

.badge1 {
background-color: #eee;
}
.badge2 {
background-color: #ddd;
}
.badge3 {
background-color: #ccc;
}
.badge4 {
background-color: #bbb;
}
.badge5 {
background-color: #aaa;
}
.badge6 {
background-color: #999;
}

.Admin {
background-color: #b27;
}

.supervisor {
background-color: #b42;
}
.entry {
background-color: #593;
}
.lister {
background-color: #994;
}
.User {
background-color: #59c;
}
.attrit {
background-color: #333;
}
/**
 * 
 * @authors Mark
 * @date    2016-01-07
 */
.top-navigate{
 width:100%;
 margin:15px 0;
 padding:0;
}
.top-navigate:before,
.top-navigate:after{
 display: table;
 content: " ";
}
.top-navigate:after{
 clear:both;
}
.top-navigate a{
 display:block;
 float:left;
 position:relative;
 padding:15px;
 width:25%;
 background:#efefef;
 text-align:center;
 border-right:1px dotted #dce0e0;
 cursor:default;
}
.top-navigate a:last-child{
 border-right:0;
}
.top-navigate a:link,
.top-navigate a:visited{
 color:#82888a;
}
.top-navigate a.active{
 color:#fff;
 background:#a1a1a1;
}
.top-navigate a.active:after{
 content: "";
 display: inline-block;
 position: absolute;
 bottom:0;
 right:50%;
 margin-right:-10px;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 0;
 border-bottom: 10px solid #fff;
}
.top-navigate a .step{
 font-size:16px;
 background-color:#333333;
 margin-right:15px;
}
/*finished steps*/
.top-navigate a.done{
 color:#fff;
 background:#46C246;
}
.top-navigate a.done:link,
.top-navigate a.done:visited{
 cursor:pointer;
}
.top-navigate a.done:hover{
 background:#00c11c;
}
.top-navigate a.done .step{
 background:#118f00;
}
.content-block .help-info{
 margin:20px;
}
/*verification tips*/
.tips{
 display:none;
 color:#ff5420;
 font-weight:bold;
 white-space:nowrap;
}
.content-block .button-group{
 margin-top:20px;
} 
@media (max-width: 992px) {
 .top-navigate a{
   float:none;
   width:100%;
   border-bottom:1px dotted #dce0e0;
   border-right:0;
   text-align:left;
 }
 .top-navigate a:last-child{
   border-bottom:0;
   border-right:0;
 } 
}
@media (max-width: 767px) {
  .content-block .help-info{
   margin:20px 0;
  }  	
  .content-block .button-group{
   text-align:center;
  } 
}