/* Generated by less 2.2.0 */
/* LESS Document */
html,
body {
  height: 100%;
}

#logon {
	/*background-image: url(../images/light_cubes.jpg);*/
	background-image: url(../images/wood_office.jpg);
	background-size: cover;
}

/* reset yellow textbox color */
input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

#jobentry_selectJobContainer {
background-color: rgba(193,193,193,0.3);
}
#logon .topScreenWrapper {
  position: relative;
  top: 10%;
	text-align: center;
	font-size:2.25em;
	font-weight:bold;
	font-family:'Shrikhand','Lobster', sans-serif;
    color: #007598;
}
#logon .midScreenWrapper {
  position: relative;
  top: 20%;
	
}
#logon .bottomWrapper{
	margin-top:8px;
	text-align: right;
}
#logon .topWrapper{
	margin-bottom:3px;
	text-align: left;
}
#logon .container_logon .container_logon_footer{
    padding: 7px 5px 5px 10px;
    border-top: 1px solid #b7b7b7;
    font-size: .9em;
    color: white;
    font-family: sans-serif, 'Arial';
}
#logon .container_logon .container_logon_footer i{
    padding-top: 1;
    vertical-align: top;
}

#logon .container_logon {
  /*padding: 10px 10px;*/
  border: 1px solid #355d1159;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  overflow: hidden;
	
}
#logon .container_logon .container_logon_header {
  margin: 0px 0px 10px 0px;
  background-color: rgba(255, 255, 255, 0.73);
  border-bottom-color: inherit;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 10px 10px 7px 10px;
  margin-bottom: 0px;
  font-size: 4em;
  line-height: 1em;
}

#logon .container_logon .container_logon_header .titleWrapper {
    display: inline-block;
    float: right;
}

#logon .container_logon .container_logon_header .titleWrapper .titleText {
    font-size: .4em;
    line-height: 1;
    padding-left: 3px;
    padding-bottom: 4px;
    padding-top: 5px;
    font-family: Pacifico,cursive;
}

#logon .container_logon .container_logon_header .headerWrapper{
	display: inline-block;
	padding-left:17px;
}
#logon .container_logon .container_logon_header .headerWrapper>div{
	font-family: 'Raleway',sans-serif, 'Arial';
	text-align: left;
	
}

#logon .container_logon .container_logon_header .headerWrapper .headerText{
    font-size: .25em;
    line-height: 1;
    color: #101010;
    padding-left: 3px;
    padding-bottom: 4px;
    padding-top: 7px;
}

#logon .container_logon .container_logon_header .headerWrapper .majorText{
    font-size: .67em;
    line-height: 1;
    font-weight: bold;
    letter-spacing: .01em;
	/*margin-bottom: .04em;*/
}

#logon .container_logon .container_logon_header .headerWrapper .minorText{
	font-size: .24em;
	line-height: 1;
	padding-left:3px;
    font-style: italic;
}

#logon .container_logon .container_logon_header > img {
  height: 1.15em;
  line-height: inherit;
  float: left;
}
#logon .container_logon .container_logon_content{
	background-color: rgba(133, 196, 65, 0.13);
  /*background-color: rgba(58, 58, 58, 0.76);*/
  padding: 10px 10px;
}
#logon .container_logon .container_logon_content > form {
  margin-bottom: 0px;
}
#logon .container_logon .container_logon_content > form > .logon_item label{
 	color:#626b5b;
	font-weight:normal;
}
#logon .container_logon .container_logon_content > form > .logon_item {
  padding: 10px 0px;
}
#logon .container_logon .container_logon_content > form > .logon_item input {
  font-size: 1.5em;
}
#logon .container_logon .container_logon_content > form > .logon_item.button {
  margin-top: 5px;
}
#logon .container_logon .container_logon_content > form > .logon_item.button input {
  font-size: 1.25em;
    border-color: #5d5d5d3b;
	border-radius: 5px;
}
#logon .container_logon .container_logon_content > form > .logon_item.button input:active {
  font-size: 1.25em;
    border-color: #5d5d5d8c;
	border-radius: 5px;
}
#logon .container_logon .container_logon_content > form > .logon_item.button > .k-button {
  padding: 1em 2em;
}
#logon .container_logon .container_logon_content > form > .logon_item div.error_message {
	color: #9c4949;
}

#logon .container_logon .container_logon_content > form > .logon_item .slogan {
    text-align: right;
	font-style: italic;
	color:#007598;
	
}

/* Apple iPad Pro: Portrait: 1024px && Landsacpe: 1366px */
/* Apple iPad | iPad Mini: Portrait: 768px && Landsacpe: 1024px */
@media (min-width: 0px) and (max-width: 1023px) {
  #logon {
    /*font-size:18px;*/
  }
}
@media (min-width: 1024px) and (max-width: 1449px) {
  #logon {
    /*font-size:16px;*/
  }
}
@media (min-width: 0px) and (max-width: 740px) {
	#logon .container_logon .container_logon_header{
		font-size:3em;
	}
}
@media (min-width: 741px) and (max-width: 900px) {
	#logon .container_logon .container_logon_header{
		font-size:3.7em;
	}
}

@media (orientation:landscape){
    /*
   #logon {
        background-image: url(../images/bg/blue_waves_1_landscape.jpg);
        background-size: cover;
   }
	
	#jobentry_selectJobContainer {
    background-color: rgba(193,193,193,0.3);
	}
   */
}