/*----------------------------------------------
css settings for HTML div exactCenter
------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway);

#main{
font-family:raleway;
}

html, body {
  height: 100%;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -95px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
  height: 95px; /* .push must be the same height as .footer */
  font-size: 12px;
	color: #ccc;
}


span{
color:red;
}

.gear{
  -webkit-animation:spin 4s linear infinite;
  -moz-animation:spin 4s linear infinite;
  animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

div.main{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 28;
  padding: 8px 16px
}

h2{
  background-color:#006277;
  text-align:center;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  line-height: normal;
  font-size: 20px;
  color:white;
  margin-top: -10px;
  padding: 15px
}

h2.man{
  background-color:rgba(245,245,245,1.00);
  text-align:center;
  color:rgba(15,15,15,1.00);
  border-radius: 4.5px 4.5px 0 0;
  margin: -10px -40px;
  padding: 15px
}

hr{
  border:0;
  border-bottom:1px solid #ccc;
  margin: 10px -40px;
  margin-bottom: 30px
}

#login{
width:400px;
font-style: normal;
margin-top: 40px;
padding-bottom: 20px;
background-color:#F5F5F5;
color:rgba(15,15,15,1.00);
}

#login form{
  padding: 0 58px
}

#login label{
  font-weight: 300;
  line-height: 14px;
  font-size: 12px;
  text-transform: lowercase;
  color: #006277
}

input[type=text],input[type=password]{
width:99.5%;
padding: 10px;
margin-top: 8px;
border: 0px solid #ccc;
padding-left: 5px;
font-size: 16px;
border-radius:1px;
font-family:raleway;
color:rgba(15,15,15,1.00);
}

input[type=submit]{
width: 100%;
background-color:#006277;
color: white;
padding: 10px;
border: 0;
height: 40px;
font-style: normal;
font-weight: normal;
line-height: 12px;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
#profile{
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7;
}

#logout{
float:right;
padding:5px;
border:dashed 1px gray;
}

a{
text-decoration:none;
color: cornflowerblue;
}

i{
color: cornflowerblue;
}
/*-----------------------------------------------------------------
css settings for right side advertisement
------------------------------------------------------------------*/
#formget{
float:right;
}