/* --------------------------------------------------------
Responsive Login form - Hurtigruten

version: v2.2
last modified: 14.5.2018 by Sebastian Novak
author: Sebastian Novak
email: Sebastian.Novak@genlan.si
website: https://www.genlan.si
----------------------------------------------------------*/

/*
	ICONS
*/
	
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/material_icons.woff2) format('woff2'),url(../fonts/material_icons.woff) format('woff');
}
.header{
	background: url(../img/company-logo.png) center center;
  background-position-x: center;
  background-position-y: center;
  background-repeat: repeat;
  background-size: auto;
  background-origin: padding-box;
background-size: auto;
background-origin: padding-box;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-align: center;
padding: 0px;
height: 164px;
width: 100%;
box-sizing: border-box;
margin-bottom:25px;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  font-smoothing: antialiased;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* 
	Background
*/
body,html{
    height:100%;
	font-size: 17px;
}

body {
	background-image: url('../img/Access_HRG_Background_small.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: right center;
	min-width: 280px;
	min-height: 720px;
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
    body { 
		background-image: url('../img/Access_HRG_Background_large.jpg');
		background-repeat: no-repeat;
		/*! background-attachment: fixed; */
		background-position: center center; 
		background-size: cover;
    }
}

#submitBtn{
  width: 275px;
margin-left: 30px;
font-size: 14px;
font-family: Arial;
padding: 5px;
margin-bottom: 18px;
}

/* 
	LOGO 
*/
@media(max-width:769px)
{
    body{
        background: #1D1D1D;
    }
}
.logo {
	background-color: #1d1d1d;
	width: 100%;
	padding: 50px 35px;
}
@media only screen and (max-width : 400px) {

}
/* Small Devices, Tablets */

/* Limit width of login container for medium, large, XL devices */
  .login-form{
		width: 335px !important;
		max-width: 335px !important;
		background-color: #1d1d1d;
		padding-top: 0px;
		padding-left: 0;
		padding-right: 0;
		margin-top: 50px;
		height: auto;
		justify-content: center;
		/*! display: -webkit-box; */
		-webkit-align-items: center;
  }


#AuthenticatorHeader{
	color: white;
//	font-weight: bold;
	text-align: center;
	width: 275px;
	margin-left: 30px;
//	display: none;
}
/* 
	Input with ICON 
*/
.inputLabel{
  color: white;
  font-weight: bold;
  padding-bottom:10px;
  margin-bottom: 1px;
  padding-bottom: 10px;
  font-size: 14px;
  font-family: Arial;
}
.input-group-icon  {
    color: black;
    background: rgba(255,255,255,1);
}

.input-group-icon {
     border-radius: 0px;
   -moz-box-shadow:    inset -1px 1px 8px rgba(50,50,50,0.3);
   -webkit-box-shadow: inset -1px 1px 8px rgba(50,50,50,0.3);
   box-shadow:         inset -1px 1px 8px rgba(50,50,50,0.3);
   border: solid 1px rgba(0,0,0,0.3);	
}

 .input-group-icon i {
     font-size: 30px;
     padding: 12px;
     border-right: solid 1px rgba(50,50,50,0.2);
 }
 .input-group-icon input {
     border: none;
     background: none;
     color: black !important;
	 padding-left: 10px;
     border-radius: 0px;
     height: 29px;
 }
 
 .input-group-icon.has-warning {
	 border: solid 1px rgba(255,50,0, 0.8);
 }
 .input-group-icon input:focus {
     border: none;
     background: none;
     color: white;
 }
 
 
/* 
	Input :: Placeholder customizations for all browsers
*/
::-webkit-input-placeholder {
  color: white !important;
  font-size: 1em;
  font-weight: normal;
  }
::-moz-placeholder {
  color: white !important;
  font-size: 1em;
  font-weight: normal;
}
::-ms-placeholder {
  color: white !important;
  font-size: 1em;
  font-weight: normal;
}
::placeholder {
  color: white !important;
  font-size: 1em;
  font-weight: normal;
  
}
 input::placeholder {
  color: white !important;
  font-size: 1em;
  font-weight: normal;
}
/* 
	Links 
*/
a {
	color: white;
}

a:hover {
	color:white;
	text-decoration: underline;
}



#buttonBelow{
  width:100%;
  text-align: center;
  background-color:white;
  color: black;
  font-weight: bold;
  padding: 5px 0px;
  margin-bottom:30px;
  width: 275px;
  margin-left: 30;
  margin-right: 30;
  padding-bottom: 5px;
  font-size: 14px;
  font-family: Arial;
}

/* 
	Submit Button 
*/

.btn-primary {
	/*! height: 55px; */
	
	
	-moz-box-shadow:    inset -2px 1px 2px 1px rgba(255,255,255,0.1);
	-webkit-box-shadow: inset -2px	1px 2px 1px rgba(255,255,255,0.1);
	box-shadow:         inset -2px 1px 2px 1px rgba(255,255,255,0.1);
	
	border-radius: 0px;
	border: solid 1px white;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5a84a6+0,6c95b5+100 */
	background-color: #D40000;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a84a6', endColorstr='#6c95b5',GradientType=0 ); /* IE6-9 */
	
	/*
background: #5a84a6; Old browsers
background: -moz-linear-gradient(top,  #5a84a6 0%, #6c95b5 100%); FF3.6-15
background: -webkit-linear-gradient(top,  #5a84a6 0%,#6c95b5 100%); Chrome10-25,Safari5.1-6
background: linear-gradient(to bottom,  #5a84a6 0%,#6c95b5 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a84a6', endColorstr='#6c95b5',GradientType=0 ); IE6-9
*/

	margin-bottom: 8px;
}

#contactText{
  color: white;
  width: 300px;
  /*! position: absolute; */
  /*! margin-top: 5px; */
  /*! padding-top: 5px; */
  /*! display: contents; */
  /*! width: 350px; */
  /*! height: 50px; */
}
.break{
  flex-basis: 100%;
  height:1px;
}