@charset "UTF-8";
/* CSS Document */

body {
  /* Location of the image */
  background-image: url("../img/index-bg.jpg");
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url("../img/index-bg-mobile.jpg");
  }
	}



/*#background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}*/

/*html {
    background: url("../img/slide-bg.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}*/


.enter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  padding: 20px;
  border-radius:20px;
  text-align:center;
  opacity:.9;
}

.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
/* END CSS for Video Background */

/*index page*/


.login_panel {
	margin-top: 0px;
	display:block;
	background-color: transparent;
	}

.red{
	color:#CD0104;
}

.logoRow {
	width: 300px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;


	}
	.logocenter {
		display:block;
		margin: 0 auto;
		
		}
	
	.triplogorow {
	width: 100%;
	margin:auto;
	padding-top:30px;
	padding-bottom:30px;
	}


.form1 {
    width: 250px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.form-control {
	width: 90%;
	margin: 0 auto;
	
	}
	
	.incorrect {
	width: 90%;
	margin: 0 auto;
	color:red;
	padding-bottom:20px;
	text-align: center;
		
		}
/* End index page*/

@media (min-width: 768px) {
	/*index page*/
	.login_panel {
	margin-top: 75px;

	}
}